Kumpulan Widget Fanspage Facebook Melayang Untuk Blog

Banyak widget yang bisa dipasang untuk Blog dan tentunya juga membuat tampilan lebih menarik. Salah satunya widget fanspage facebook. Agar lebih terlihat cool dan menarik kita akan membuat widget fanspage facebook melayang.

Fanspage Facebook Tersembunyi di Samping Blog:

Fanspage Mode Hide and Show

Untuk memasang widget fanspage facebook seperti gambar diatas, ikuti langkah langkah dibawah ini!

Cara Pertama:

1. Masuk akun Blogger.
2. Kemudian pada dashbor masuk Template > Edit HTML.
3. Kemudian cari kode </head> (Gunakan CTRL+F untuk mempermudah pencarian) dan pastekan kode dibawah ini tepat diatas kode </head>.
   

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Simpan template

Cara Kedua:

1. Jika sudah selesai, masuk pada Tata Letak > Tambah Gadget > HTML/JavaScript.
2. Kemudian copy kode dibawah ini, dan pastekan pada kolom gadget.
   
   <script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhVOeY2oStWCkB7ZZLcc17BTBUDPYWxr6sRKwICcizJP6Y6lRS-1fI7MkM02391nd3khCcBGfrrtku86XrzsNy8wrOBVpYzE2ZSuGKst9lCWxVvSU3fWb3MKPflGQGKd43dpFqw1LkwyQ/s1600/fans-page-facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style> <div class="w2bslikebox"> <div> <iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/moviesant&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" style="background: #fff; border: medium none; height: 330px; overflow: hidden; width: 245px;"></iframe><a href="http://media-refrensi.blogspot.com/2013/12/kumpulan-widget-fanspage-facebook-melayang-untuk-blog.html">Dapatkan Widget Ini</a></div> </div>
3. Dan yang terakhir Simpan Gadget Anda.
4. Selesai

Share this post