Cara Memasang Like Box Facebook Melayang di Blog - Kali ini admin akan mengulas tentang tutorial cara membuat fanspage facebook blog, tapi tampilan dari fanspage berikut berbeda karena tampilannya bukan muncul bukan berdiam tapi pada tutorial kali ini saya akan menshare caranya yang melayang, bila sobat penasaran seperti apa sich contohnya, silahkan sobat liat gambar yang ada di sebelah tutorial mengenai cara membuat likebox fanspage facebook melayang pada blog berikut di bawah ini :
Pertama yang harus sobat lakukan pastikan login dulu ke blogger.
Setelah itu masuk ke bagian template sobat 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 :
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 &width=245&colorscheme=light&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:#fff;"></iframe><span><a href=" http://statuzgue.blogspot.com/2013/10/cara-memasang-like-box-facebook-melayang-di-blog.html "><b>Get Widget</b></a></span></div></div>
Sekian dulu tentang cara membuat likebox fanspage facebook melayang pada blog, selamat mencoba.
