Membuat Likebox Fanspage Facebook Melayang Pada Blog

Kali ini saya juga akan share tutorial yang sama mengenai cara membuat fanspage pada blog, tapi tampilan dari fanspage berikut berbeda karena tampilannya buka muncul bukan berdiam tapi pada tutorial kali ini saya akan menshare caranya yang melayang, bila anda penasaran seperti apa sih contohnya, silahkan anda liat gambar yang ada di sebelah.

Ok dari pada baca tulisan saya yang ga bermutu mending ke tutorial mengenai cara membuat likebox fanspage facebook melayang pada blog :

Pertama yang harus sobat lakukan pasti login dulu ke blogger setelah itu masuk ke bagian template anda dan jangan lupa untuk mencentang "Expand Template Widget" setelah itu cari kode </head> (gunakan F3 untuk mempercepat pencarian) Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head> :

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

kalau sudah, klik SAVE.

Langkah selanjutnya adalah memasang widget tersebut agar muncul diblog sobat, sekarang sobat masuk dimana sobat menambahkan widget, setelah itu pilih add gadget/tambah gadget. setelah itu masukan kode dibawah 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("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>

Ya seperti itulah kalau ada yang bingung silahkan anda tanyakan disini, ya cukup sudah tutorial mengenai cara membuat likebox fanspage facebook melayang pada blogx yang sangat aneh dan simple tapi moga bermanfaat terima kasih, owh iya jangan lupa untuk meninggalkan komentar.