cara membuat fanspage facebook melayang di blog

pada kesempatan kali ini admin akan bagikan satu tutorial lagi tentang cara membuat fanspage melayang pada blog kalian.... nihh screenshotnya ada di  samping....

 

okehh... langsung saja gx  usah panjang lebar.....

 

Berikut langkah - langkahnya :

1. Masuk ke Akun Blog anda.

2. Klik Template. 

3. Klik Edit HTML, (Jangan lupa untuk mencentang Expand Template Widget)

3. Kemudian cari kode </head>.

4. Jika telah ketemu, pastekan kode dibawah ini tepat di atas kode </head> tadi.

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

 5. Klik Save.

Untuk memasangnya widget ini agar tampil di blog :

1. Klik Tata Letak.

2. Klik salah satu Add Gadget / Tambahkan Gadget dimana tempat yang anda inginkan.

3. Klik HTML/Java Script

4. Pastekan Kode dibawah ini dikolom Konten.

<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/LINK FANSPAGE 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><a href=" http://min2tanjungbalai.blogspot.com/2013/01/cara-membuat-tampilan-fanspage-fb.html "><b>Get Widget</b></a></span></div></div>

 

pada tulisan yang berwarna biru ganti dengan url kalian!!!

 

5. klik simpan dan finish...

 

demikian tutorial yang dapat saya bagikan "SEMOGA BERMANFAAT" 

Anda baru saja membaca artikel yang berkategori blogger dengan judul cara membuat fanspage facebook melayang di blog. Anda bisa bookmark halaman ini dengan URL http://boy-lozarang.blogspot.com/2013/02/cara-membuat-fanspage-facebook-melayang.html. Terima kasih!

Ditulis oleh: wahidin - Wednesday, February 20, 2013