Cara Memasang Fans Page Facebook Tersembunyi di blogspot

Posted by Ricky Freefull on
Memasang Fans Page Facebook di blog memang sangat menguntungkan bagi sobat para blogger, karena semua pengunjung yang hadir ke blog sobat dapat menyukai atau melihat berita terupdate tentang artikel yang sobat posting di blog. Kebanyakan blog memasang widget yang satu ini tepat di sidebar halaman blog, pada kesempatan kali ini saya akan coba membuatkan untuk anda fans page facebook tersembunyi. Tertarik menggunakan widget yang satu ini, silahkan simak langkah-langkah berikut ini:
1. Login ke akun blogger sobat

2. Pilih menu Template dan klik tab Edit HTML

3. Cari kode </head> lalu letakkan kode berikut tepat di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
4. Simpan template

5. Belum selesai sampai disini, Pilih menu Tata Letak lalu add Gadget lalu pilih HTML/JavaScript

6. Copy paste kode berikut ini
<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/AVvXsEgOkSzW6b82RDBQxeqSDZm2IIhAu6zGaOKA4TZRZjg-V5SCMYuAQLmpnPVJTCkwmp9aGVDqVxNo4PtKFbDvW_HNBxu-dZBvDwBhlcPoeuv1yHT8Gq5ny7q7l6FSrMfct1JFaFfcLxQMuJw/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" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/BelajarBisa&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://bos-tutorial.blogspot.com/2013/02/cara-memasang-fans-page-facebook.html">Get Widget Here</a></span></div></div>
7. Keterangan, ganti tulisan berwarna biru dengan di fans page facebook sobat

8. Jika semuanya sudah selesai silahkan klik Simpan
Semoga Bermanfaat

Comments

Post a Comment