Cara Memasang Widget Facebook Keluar Masuk

Jumpa Lagi Potterr Blog, kali ini saya akan membagi tutorial cara memasang Widget Facebook Yang bisa Keluar Masuk, bersembunyi pada samping halaman, ini berawal dari salah satu teman sekolah saya yang meminta bantuan kepada saya.
oke gak usah banyak bicara ini dia tutorialnya :




1. masuk blogger''
2..rancangan/ design
3. Tata Letak / Elemen laman
4. add gadget
5. pilih HTML/java script

masukin script nya

<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">
<div>


<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ahmadbjblogs/%0A&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=250" style="background: #fff; border: medium none; height: 250px; overflow: hidden; width: 245px;"></iframe></div>
</div>
</div>

kemudian ganti http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png   dengan url gambar yang anda ingin kan, untuk url bisa di cari di google gambar cari gambar yang anda inginkan copy URL nya buat mengganti url di atas,,

 atau juga gambar nya bisa buat sendiri kemudian di upload di photobucket ambil url gambar nya buat mengganti url di atas

ganti  http://www.facebook.com/ahmadbjblogs/ dengan alamat fans page blog anda , oh ya gak di ganti juga gak papa biar fans page blog saya di blog anda hehehee just kidding,,,, 

6. oke kemudian save,,,



  Selanjutnya

7. masuk ke EDIT HTML

cari kode </head>

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

copy paste kode tersebut di atas </head>

7. simpan Template