Cara Membuat Likebox Melayang

Cara Membuat Facebook Likebox Melayang (Slide) dipinggir Blog, Terupdate!!

Hallo sahabat blogger ketemu lagi dengan saya Ian Angga Dewantoro, gimana nih kabarnya kali ini saya akan memposting tentang tutorial blogger nih, sebenarnya saya ingin memposting tentang android tetapi males upload apk nya :D heheh kapan kapan aja ya....
Oke langsung saja Cekidow Cekidow......

Cara Membuat Facebook Likebox Melayang di pinggir Blog :

Langkah 1 : Login ke Blogger Anda
Langkah 2 : Klik Menu Rancangan --> EDIT HTML
Langkah 3 : Download dulu Template Anda
Langkah 4 : Cari Kode </head> ( Gunakan CTRL + F)
Langkah 5 : Kemudian copy kode dibawah ini dan taruh tepat dibawah kode </head>

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

PERINGATAN :
Jika Sudah Terdapat kode tersebut di Blog anda maka step 1 - 6 ini tidak perlu / tidak perlu dilakukan

Langkah 6 : Simpan
Langkah 7 : Pilih Menu Tata Letak --> Tambahkan Gadget
Langkah 8 : Pilih HTML/JavaScript
Langkah 9 : Kemudian copy kode dibawah ini dan taruh di HTML/JavaScript tadi

<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/Dunia-ESCDACE/4872867213332421&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>Get This<a href="http://escdace.blogspot.com/2013/11/cara-membuat-likebox-melayang.html">Widget</a></span></div></div>

Langkah 10 : Simpan dan Lihat Hasilnya

PERINGATAN :
1. Ganti Tulisan Biru dengan gambar yang anda inginkan (Tidak diganti tidak masalah)
2. Ganti Tulisan Aqua dengan URL Fanspage Sobat (Harus Diganti)
3. Tulisan Hijau adalah Ukuran Gambar (Tidak diganti tidak masalah)