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

Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect - Selamat Datang sahabat Kumpulan Kunci Gitar Lagu Terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Menambahkan Statistik Facebook Pop Out Like Box Pada Blogger Dengan Hover Effect, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel Facebook, yang kami tulis ini ada manfaatnya. Baiklah, selamat membaca.

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

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

---

Pesan Admin

Jangan Lupa Tinggalkan Jejak.

Facebook

WhatsApp

Instagram

Bagikan Artikel ini

Subscribe Our Newsletter

Related Posts