Cara Membuat Floating Fan Page Facebook di Blog

Bismillahirahmanirrahim

Kawan2, kali ini saya akan coba share tentang membuat Floating, atau auto hide Fan Page Facebook. Biar blog kita semakin hari semakin tampak menarik, sehingga banyak orang yang bersedia membaca blog kita setiap saat...

Langsung aja ya,
Langkah2nya:
1. buka laman edit HTML, kemudian cari kode  ]]></b:skin>  (cara carinya bisa dengan fasilitas find dengan pencet CTRL+F di browser anda)
2.Copy Paste kode di bawah ini, ditempatkan setelah kode ]]></b:skin>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
3. Setelah dipastikan benar, maka save Template Anda.
4. Kemudian, buka laman Layout, dan klik "Tambah Gatget" dan pilih HTML/JavaScript
5. Copy Paste kode dibawah ini pada laman HTML/JavaScript :
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("http://1.bp.blogspot.com/-9eRHiE20E4c/TynfIJyt7qI/AAAAAAAACBE/15Q3VtI-PwY/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed; right:-250px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/irvansyaidussalamblogspotcom&amp;width=240&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 258px; width: 245px;background:#fff;"></iframe> </div> </div>  

6. Setelah dipaste kodenya pada bagian content, jangan dulu disimpan kodenya tapi silakan ganti kode yang saya kasih warna merah dengan alamat atau URL halaman fan page facebook Anda. Setelah diganti kode yang berwarna merah, barulah disimpan kodenya.
Nah, sekarang Floating Fans Page FB Anda telah terpasang. Jika ada kesulitan ato kurang paham, boleh ditanyakan pada kolom komentar. 


0 Komentar untuk "Cara Membuat Floating Fan Page Facebook di Blog"

Apa komentar Anda mengenai artikel di atas tadi?
(U comment I follow)
Apa Maksudnya?KLIK DI SINI
Untuk para blogger yg blog nya ingin di FOLLOW atau SEKEDAR dikunjungi, silahkan isi komentar kamu disertai alamat blog mu.. nanti ane follow.. follow balik ya.. :D

Diharap jangan spamming di sini ya!!