Perhatikan Pratinjau Berikut Ini!!!!
Widget ini berguna untuk memperindah tampilan blog. Langsung saja ke TKP
Langkah pertama :
1. Login ke akun blogger anda
2. Setelah anda berada di dasbor blogger klik template
3. Untuk jaga-jaga, klik cadangkan atau backup template blog anda
4. Cari kode </head> agar memudahkan pencarian gunakan tombol CTRL + F
5. Copykan kode dibawah ini tepat di atas kode </head> tadi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
6. Setelah itu klik save atau simpan
Langkah kedua :
1. Pilih menu Tata Letak
2. Setelah itu klik widget baru
3. Kemudian pilih elemen HTML/Javascript
4. Masukan kode berikut :
<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("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/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=LETAKKAN URL PAGE ANDA DI SINI&width=245&colorscheme=dark&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:black;"></iframe><span><a href="http://ivanfr999.blogspot.com/2014/03/cara-memasang-widget-like-fanspage-fb.html">Click this</a></span></div></div>
$(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("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/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=LETAKKAN URL PAGE ANDA DI SINI&width=245&colorscheme=dark&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:black;"></iframe><span><a href="http://ivanfr999.blogspot.com/2014/03/cara-memasang-widget-like-fanspage-fb.html">Click this</a></span></div></div>
5. Sebelum di save atau disimpan, ganti kata "LETAKAN URL PAGE ANDA DISINI" dengan url fanspage anda.
6. Setelah itu save dan simpan
7. Selesai.
Jika anda belum punya fanspage alangkah baiknya anda tahu cara membuat fanspagenya disini
Ditunggu komentarnya yaaaa!!!!!