Cara Membuat Fans Page Facebook Auto Hidden

Bangiz - Untuk saat ini banyak cara untuk menambahkan sosial media anda untuk terhubung dengan blog atau website yang anda miliki. Tentunya anda harus punya dulu akunnya baik itu Facebook, Twitter, Google+ atau yang lainnya. Sebelumnya saya sudah membuat tulisan tentang Cara Membuat Halaman di FB / Facebook. Tutorial kali ini masih berhubungan dengan Facebook yaitu cara memasang fans page Facebook auto hidden.

Facebook / ilustrasi

1. Masuk Dasbor Blogger.
2. Pilih Template > Edit HTML.
3. Cari kode </head> (gunakan Ctrl+F untuk memudahkan).
4. Copy-paste kode berikut diatas kode </head>:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Jika sudah ada, lewati langkah poin empat ini. Berikutnya adalah memasang kode fans page faebook pada platform Blogger.

5. Dari Dasbor Blogger pilih Tata Letak.
6. Tambahkan Gadget. 
7. Pilih HTML/Javascript, lihat Cara Menambahkan HTML/JavaScript.
8. Copy-paste kode di bawah ini pada kolom konten.

<script type="text/javascript">

/*<![CDATA[*/

jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});

/*]]>*/

</script>

<style type="text/css">

.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}

.likebox div{border:none;position:relative;display:block;}

.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}

.likebox span a{color: gray;text-decoration:none;}

.likebox span a:hover{text-decoration:underline;}

</style>

<div class="likebox" style="">

    <div>

 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBangiz%2F557274137622952&width=300&height=290&show_faces=true&colorscheme=dark&stream=false&border_color&header=true&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#ffffff;"></iframe><span><b></b></span></div>

</div>

9. Ganti kode yang berwarna merah dengan kode fanpage Facebook Anda.

10. Simpan dan lihat hasilnya.

Sekian cara membuat atau memasang widget fans page Facebook auto hidden pada blog. Mudah-mudahan hasil bagus dan sesuai dengan keinginan Anda. Nantikan tips Blogging lainnya, silahkan ikuti +Bangiz untuk mendapatkan update langsung di Google Plus.

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

Subscribe to receive free email updates: