Cara Membuat Fans Page Facebook Melayang disamping Blog

Halo sobat blogger, kali ini saya mau share nii tentang bagaimana cara membuat fans page melayang disamping blog ..
Langsung aja ya sobat ke pembahasan soalnya mau persiapan nii buat besok mau ke Semarang persisnya di bawen rumah nenek hehe ..
Senin besok saya blogging di sana selama seminggu sobat sambil merayakan liburan dan tahun baru hehe ..

Demonya bisa dilihat langsung di blog saya sobat ..

Cara pembuatan :

1. Masuk ke blogger sobat.
2. Pilih Template, lalu edit HTML
3. Copy paste kode dibawah ini, lalu letakkan diatas kode </head>
    Jika sudah terdapat jquery versi berapapun, lewati langkah ke 3 ini.

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

4. Pilih Tata Letak, lalu tambahkan gadget dan pilih HTML/Javascript.
5. Lalu copy paste kode dibawah ini pada kotak tersebut.

<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://dc141.4shared.com/img/bGXbQAAR/s7/1431a3860b8/official_fan_page.png?async&rand=0.9512722174386976") 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/Dhamar-Tekaje/499037430211123 &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://dhamar-tkj.blogspot.com/2013/12/cara-membuat-fans-page-facebook.html">Dapatkan Widget</a></span></div></div>

6. Klik Simpan. Selesai !

Rubah kode berwarna merah dengan link fanpage FB sobat.

Sekian dulu ya sobat soalnya mau beberes baju nii hehe ..
Semoga bermanfaat sobat. Salam Blogger !