Cara Memasang Gadget Facebook Fans Page Tersembunyi ( Auto Hidden ) di blogger

Saya masih berkesempatan untuk menulis satu lagi posting pada malam hari ini, karena hari sudah larut malam maka saya tidak terlalu banyak basa-basi, langsung saja saya mulai, dari keuntungan Fans page facebook auto hidden ini.

Keuntungnanya yaitu, kita tidak perlu memakan banyak tempat untuk memasang gadget ini. Jika anda ingin melihat contohnya bisa anda lihat gambar di bawah ini:

Jika anda ingin melihat lebih jelas anda bisa melihat demonya dibawah ini:

Demo

Untuk memasang gadget ini kita memerlukan 2 tahap yaitu:

I. Tahap Pertama

1. silahkan anda pergi ke template--> edit html --> 

2. Cari kode </head>, untuk memudahkan pencarian bisa menggunakan ctrl+f

3. Lalu anda copy pastekan code dibah ini di atas kode di atas

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

4. anda belum akan melihat bentuk gadgetnya, anda akan melihat gadget nya setelah menyelesaikan tahap ke dua
5. simpan template

II. Tahap kedua
1. anda pergi ke tata letak --> tambah gadget --> HTML/java scrip ---> anda copy pastekan code dibawah 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=https://www.facebook.com/pages/Sumber-Pengetahuan-yang-Bermanfaat/626805167348153?ref=hl&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://diandiki.blogspot.com/2013/07/cara-memasang-gadget-facebook-fans-page.html">Get Gadget</a></span></div></div>

• Ket: Warna biru anda ganti dengan URL fans pege anda 

2. Simpan,
3, dan anda lihat hasilnya