cara memasang widget like facebook menempel | melayang di blog

Sudah Dari hari kemarin saya tidak posting lagi,maklum banyak tugas pribadi yang menuntut saya untuk menyelesaikannya,kembali ke postingan.kali ini kita akan membahas cara membuat widget like facebook menempel di samping blog atau biasa dikatakan orang "melayang".

pertama masuk ke blog anda dan klik tata letak --> klik Add Widget /Tambah Gadget -->Pilih Html JavaScript.

masukkan kode berikut didalam java script widget tadi :

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5yJlsHAdIfOHlQoZYyhBjr7_jj_bUNDtysd3aeroKholMY1UHSGF1Nzzr_47ljQeDipoNhYKgt6kavxRdAvks6QRS7KjxRDJLupcJsNau4-TevGxm6bkzkZ0shnxrfuN5whLBBTsDPug/s1600/27cwffacebook.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:52%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;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=http%3A%2F%2Ffacebook.com%2F27comewithfuture&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><a href="http://27cwf.blogspot.com"rel="nofollow">Create This Widget</a></span>
    </div>
</div>

ganti text :           dengan nama link facebook anda(lihat contoh dibawah ini)

ket :

jika link grou kamu berupa angka,maka coba pakai angka tersebut di script di atas!

setelah itu simpan widget kamu dan lihat hasilnya dengan cara mengunjungi blog kamu sendiri...

tunjukkan apresiasi kamu dengan menglike fanspage facebook kami | menjoin situs ini | atau mengomentari postingan ini,terima kasih.......