Cara Membuat Likebox Fanpage Facebook Melayang di Blog

Nah, ini pertama kali ane posting tutorial sobat..

Kali ini ane mau posting tutorial Cara Membuat Likebox Fanpage Facebook Melayang di Blog, nggak Cuma berdiam diri aja di blog, tapi bisa melayang loh sobat.

Hasilnya seperti gambar di bawah ini sobat...

Nah, kalo mau tau caranya,

Ane kasih tau ya sobat step by step mengenai Cara Membuat Likebox Fanpage Facebook Melayang di Blog ..

1.       Pertama, sobat blogger harus log in dulu ke blog yg sobat punyai, kalo nggak punya daftar dulu ya,  
2.       Setelah log in, langsung dech ke menu tab TEMPLATE >> edit html 
3.       Nah, disini sobat bakal ngedit script nih, eitss tunggu dulu. Jangan lupa centang Expand Template Widget 

4.       Setelah itu cari kode </head>. Daripada mata sobat melotot cari tuh kode dari ujung atas sampe ujung bawah di antara tulisan ribet nggak karuan kayak cacing kremi, mending tekan Ctrl + F, ntar muncul deh kolom kecil. 
5.       Copy kode </head> di kolom kecil tadi, ENTER  
6.       Setelah ketemu, taruh kode di bawah ini tepat di atas kode </head>

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

7.       SAVE 
8.       Setelah di SAVE, ngungsi yuk ke menu Tata Letak >> Add Gadget  
9.       Pilih HTML/JavaScript 
10.   Nah, disitu sobat masukkan kode ini, lebih baik jgn diberi judul

<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=URL FANS PAGE FACEBOOK ANDA &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://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>

11.   SAVE

Cukup sampai di sini sobat blogger tentang Cara Membuat Likebox Fanpage Facebook Melayang di Blog, sampai jumpa kapan waktu ...

Jangan lupa tinggalin komentar, n FOLLOW juga ya sobat :D

Semoga bermanfaat,

Wassalamu’alaikum wr.wb