sebelum membuat ini anda harus sudah memiliki fanspage di facebook anda.
membuat fanspage blog akan sangat membantu dalam meningkatkan rating blog kita,
semakin banyak yang menyukai fanspage blog kita maka akan semakin besar
kesempatan blog kita untuk di kunjungi!
ada banyak tampilan fanspage yang bisa di buat di blog, ada yang nempel di
blog, ada yang muncul saat blog di buka(pop up), ada yang melayang di samping
blog, seperti yang CB gunakan,
ada
beberapa alasan kenapa CB menggunakan ini, salah satunya tampilammya
yang dinamis tidak membuat tampilan blog sobat jadi kotor! salah duanya, eh
maksudnya yang kedua, heheeh,, yang kedua letaknya yang di posisikan di dekat
scrool bar, memungkinkan para pengunjung melihat fanspage ini pada saat dia membaca
artikel sobat!
dan fanspage
ini tidak menggangku tampilan blog sobat.
ok langsung aja ne ke cara membuatnya:
1.masuk ke
pengaturan Template sobat
2.edit HTML
(centang Expand Template Widget)
3.cari
kode </head> tekan F3 atau Ctrl + f untuk mencari
4.letakkan
kode berikut ini tepat di atas </head>
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'
type='text/javascript'/>
5.simpan template anda
6.masuk ke
menu tata letak sobat, tambahkan gadget(terserah dimana saja)
7.pilih Html/JavaScript
8.masukkan
kode berikut 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YrSZ-6PwvD2b-b5TOAWOPcRxhlydX3-AMlRtH4rMuYXSOukJGKi-cwsRx44P-5CA2by3O6qY81XaBkzHqg2TUAtd2rMd79qpmTd3sRc_DX23aVtPNME5GhI09gCYESsDhoVbKStZzLWm/s150/w2b_facebookbadge.pn")
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=http%3A%2F%2Ffacebook.com%2Fbadutzcocc&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 style="color:#fff;">Widget
by: <a style="color:#fff; font-weight:bold"
href="http://www.carabadut.blogspot.com">amat</a></span></div></div>
NB: ganti tulisan badutzcocc dengan id fans page yang anda miliki
contoh fans page cara badut facebook.com/badutzcocc
9.simpan gatgetnya
10.lihat
hasilnya di blog anda
