Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect

STATISTIK FACEBOOK POP OUT PADA BLOGGER 

---

Baik rekan semuanya paa kali ini admin akan berbagi tentang cara menambahkan statistik Facebook pop out pada Blogger dengan Hover effect. Dengan tampilan sangat keren mengambang Facebook Like Box yang slidenya sangat praktis bila tersentuh telunjuk mouse.Widget sangat penting untuk Blogger sobat supaya lebih mendorong pengunjung menyukai postingan sobat, juga pada waktu yang sama bisa menyebarkan informasi keseluruh penjuru Dunia dengan drastis. Lihat admin akan memberikan langkah-langkah untuk cara membuatnya dengan sangat mudah.

---

Bagaimana Cara Menambahkan Statistik Facebook Pop Out Pada Blogger Sobat..?

---

Sekarang Ikuti langkah berikut ini

1. Masuk Ke Blogger Account Anda


2. Klik Template Lalu Edite HTML


3. Silahkan Periksa Kotak Dibagian Atas "Expand Template Widget"


4. Cari Tag </head > Gunakan (CTRL+F)



</head >



5. Tambahkan Kode Dibawah ini tepat tepat diatas tag </head >



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>



6. Sekarang pergi ke Lay-Out >> Elemen Halaman >> Klik Tambah Gadget >> Pilih HTML /JavaScript dan dikotak HTML,Paskan kode dibawah.



Kode HTML

<style type="text/css"> /*<![CDATA[*/ #fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;} .fbplbadge {background-color:#3B5998;display: block;height: 150px;top:  50%;margin-top:  -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://3.bp.blogspot.com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/ WlGuQ3fi- Rs/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden; -webkit -border-top-left-radius:  8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px; -moz- border-radius-bottomleft:  8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} /*]]>*/ </style> <script type="text/javascript"> /*<![CDATA[*/     (function(w2b){         w2b(document).ready(function(){             var $dur = "medium"; // Duration of Animation             w2b("#fbplikebox").css({right: -250, "top" : 100 })             w2b("#fbplikebox").hover(function () {                 w2b(this).stop().animate({                     right: 0                 }, $dur);             }, function () {                 w2b(this).stop().animate({                     right: -250                 }, $dur);             });             w2b("#fbplikebox").show();         });     })(jQuery); /*]]>*/ </script> <div id="fbplikebox" style="display:none;">     <div class="fbplbadge"></div>     <iframe src="http://www.facebook.com/plugins/likebox.php?href=   YOUR FACEBOOK FAN-PAGE&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show _faces=true&amp;border _color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no"  frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe> </div>



7. Anda Hampir Selesai,Sekarang tugas Anda untuk mengganti tulisan YOUR FACEBOOK FAN-PAGE,ganti dengan URUL FAN-PAGE FACEBOOK Sobat.

Bagaimana sangat gampang bukan? silahkan jika ada pertanyaan yang membingungkan terkait menambahkan statistik fb pada kolom komentar di bawah.

Demikian artikel tips facebook tentang Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect yang semoga bermanfaat dan berguna untuk kita semua. Sekian dan terimakasih.

Refenrensi : http://cara-alfiyah.blogspot.com

Berbagi :