Cara Menambah Like Box Tersembunyi di Blog

Sigli Net- Banyak sekali cara agar tampilan fanspage facebook menjadi lebih unik dan menarik, dan banyak sekali cara agar fanspage banyak yang ngelike salah satunya yaitu dengan cara menambahkannya ke blog.


Namun pada kesempatan kali ini saya akan membagikan sebuah cara bagaimana menambahkan like box tersembunyi di blog.

Sebelumnya saya juga telah membagikan Cara membuat Like Box Melayang keren dengan ukuran tidak terlalu besar yang pastinya tidak akan memberatkan blog!

Nah sekarang simak langkah-langkah Cara Menambah Like Box Tersembunyi di Blog:

1. Login ke akun blogger anda
2. Pilih Template > Edit HTML dan letakkan kursor di area HTML
3. Cari kode </head> dengan cara menekan tombol kombinasi Ctrl+F di keyboard
4. Letakkan kode berikut di atas kode </head>

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



NB: jika kode di atas sudah ada di template anda maka lalui saja langkah-langkah diatas.
5. Simpan template

Kemudian kita lanjut untuk memasang like box tersembunyi di samping blog!

1. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript.
2. Copy kode berikut ini pada HTML/JavaScript.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FACEBOOK PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://id-pemula.blogspot.com/">.: Pasang Widget :.</a></span></div></div>

 
NB:Ganti tulisan yang berwarna hijau dengan URL Facebook Page Anda.
3. Simpan.

Semoga bermanfaat, See you next time! :)

Bagikan Artikel ini