STATISTIK FACEBOOK POP OUT PADA BLOGGER
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
Masuk Ke Blogger Account Anda
Klik Template Lalu Edite HTML
Silahkan Periksa Kotak Dibagian Atas “Expand Template Widget”
Cari Tag </head > Gunakan (CTRL+F)
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>
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 &width=250&height=250&colorscheme=light&show _faces=true&border _color=%23C4C4C4&stream=false&header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;” allowtransparency=”true”></iframe> </div>
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