cara membuat likebox fanspage facebook melayang pada blog

fanspage melayang
setelah posting sebelumnya saya share tutorial cara membuat fanspage facebook 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><span style="font-size: xx-small;"><a href="http://fadilblogx.blogspot.com/">Get Widget</a>&nbsp;<a href="http://www.zonaanime.web.id/">Get Widget</a></span></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




cara membuat likebox fanspage facebook melayang pada blog Rating: 4.5 Diposkan Oleh: Fadil S Hardy

7 komentar:

harissudin Masrur mengatakan...

facebook fanpagenya berhasil gan, tapi ada kotak kosongnya di homepage, untuk ngilangin kotak widget yang ada di home page gimana gan?
thanks

denny aby mengatakan...

thanks infonya gan....bermanfaat sekali
http://dennyaby321.blogspot.com/

putra dwi Cahya mengatakan...

thanks gan infonya..

putra dwi Cahya mengatakan...

thanks gan infonya..
http://putra-berbicara.blogspot.com/

David Suarta mengatakan...

mantap gann,,,, silahkan cek www.davit-wae.blogspot.com

abe mengatakan...

mantap sekali artikelnya gan, thanks

Surya Promo mengatakan...

keren mas bro share nya.. ane coba dulu ya tipsnya .. thanks
agen tiket online
jasa iklan massal