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

Daftar Isi [Tampil]

STATISTIK FACEBOOK POP OUT PADA BLOGGER 

Written by Muhamad Hamdan on Kamis Jan 22th 2014

---

Pada kesempatan Saya akan mencoba memberi tahu kepada Anda 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 Anda agar lebih mendorong pengunjung menyukai postingan Anda, juga pada waktu yang sama bisa menyebarkan informasi keseluruh penjuru Dunia dengan drastis.Hari Saya akan memberikan langkah-langkah untuk cara membuatnya dengan sangat sederhana.

---

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

---

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 Anda.

transparan mengambang bar vertikal — membuat sitemap di halaman blogger — cara daftar blog di webmaster-tools

Copyright © 2014 Alfiyah Blogger

---

Share this post

Donasi

Bantu Apresiasi Bantu berikan apresiasi jika artikelnya dirasa bermanfaat agar penulis lebih semangat lagi membuat artikel bermanfaat lainnya. Terima kasih.