Cara Membuat Like Box Facebook Tersembunyi

Sobat pasti sudah tau kan tentang Facebook, pengguna facebook sekarang kian bertambah banyak, hal ini pun mendorong kita para blogger untuk mempromosikan postingan-postingan kita melalui sosial media Facebook ini. Bagi yang sudah memiliki fans page di facebook pasti sebagian besar para blogger sudah memasang like box yang sudah disediakan oleh facebook. Gambar disamping adalah tampilan Like Box nya. Nah tampilan like box dari facebook ini pun sudah menarik menurut saya. Tetapi mungkin ada sobat blogger yang kebingungan mencari tempat untuk memasang like box fans page facebooknya karena di blognya sudah banyak terpasang widget. Tenang sob, sobat bisa menyembunyikan kotak like box fans page facebook sobat pada blog sobat. Dengan cara ini juga maka blog sobat kelihatan lebih indah untuk dipandang. Untuk tampilannya sobat bisa lihat gambar di samping.

Oke Sobat, langsung saja ikuti langkah-langkahnya untuk membuat Like Box Facebook Tersembunyi, langkahnya sebagai berikut :

1. Log in ke bloger
2. Klik Tata letak >> add gadget >> HTML/Java Script
3. Pastekan code di bawah ini pada kolom yang disediakan

 <script type="text/javascript"> //<!-- $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDnS6L0xpmlhsFfygAlAtsTGqAv3Vq47C9vI0zUW2znBkav_zoXcrmOzKK7f8PS9mX0vCCnYqAsOBWPNJ_5n5hyJPee4fqnUZLLGtKwsn2LLyaBCPycHjg1jouOTB0EN-x6nLpoCrWvwE/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>

Keterangan :

• Ganti kode yang berwarna merah dengan url fans page anda.

Langkah terakhir pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.

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

Setelah selesai simpan template dan liat hasilnya.
Sekian dulu sharing saya, semoga bermanfaat ya....