Cara Membuat Box Like Facebook Melayang Versi Modern [Tutorial Blog]

Cara Membuat Box Like Facebook Melayang Versi Modern [Tutorial Blog] - Ok kali ini saya akan share ke shobat semuanya tentang " cara membuat Box Like Facebook Melayang ",

Dengan Box Like FansPage Facebook kita bisa menambah jumlah like dengan cepat,
Facebook adalah salah satu pioneer (pelopor) jejaring sosial. Mempromosikan blog Shobat di Facebook sangat diperlukan dan dibutuhkan.Widget ini jauh lebih baik dan efisien untuk mempromosikan blog. Widget jejaring sosial yang satu ini terusan (terbaru) dari widget-widget facebook sebelumnya. Oleh karena itu saya sebut kotak facebook like melayang versi modern ( Modern Floating Facebook Like Box)

Cara Memasang :

1. Login ke blogger shobat.
2. Pilih LayOut/Tataletak =>> Add gadget =>> Pilih HTML/JavaScript
3. Copy Script di bawah :


<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylp7q8lS5xVaWOVFVLnZBJ6qV0X5sTMYplUzXsmkB9Lji_DaGTte0An6kaSA-nLezKZQhUrScYBxCKSw_FAmS668HjPVYm4cUpoqz8BzWkRWPnri-PQBM-v8FBsbOR-Ht2CfeXB-Nb1s/s1600/facebook+floating+box.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Anime-Full/368724799900079?&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.riefzkios.blogspot.com/"> Tutorial Blog</a></span> </div></div>

5. Simpan dan lihat hasilnya.

NB : Cari Kode https://www.facebook.com/pages/Anime-Full/368724799900079?  ganti dengan fanspage shobat.

Mungkin itu yang bisa saya share ke shobat semua, semoga bermanfaat.