Posted by : Unknown
Sabtu, 23 Februari 2013
oke bro sekarang kutikom akan share lagi nih tentang pemasangan widget fanspage facebook pada blog.yuuk langsung saja kita ikuti... :D
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<!-- Copy kode scriptnya dari bawah sini --!>
1. Cari kode </head>pada template blog sobat, eits jangan lupa ceklis expand widget template control+f aja mas bro atau F3 juga boleh biar cepat nyarinya, sudah ketemu belum </head>nya kalau sudah ketemu pasang nih script dibawah ini tepat diatasnya kode </head> okrey
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Kalau Sudah ketemu dan beres silahkan pratinjau dulu kalau yakin templatenya tidak menandakan error simpan aja langsung, buruan kebut mas bro.. karena masih belum beres...
nah sekarang saatnya buka tata letak>tambahkan gadget>cari yang berbau script klik +nya dan untuk judulnya mau diisi mau tidak juga gimana agan-agan saja baiknya ya..silahkan copas code script dibawah ini dan taruh di tambahkan gadgetyang tadi, jangan lupa url fanspagenya yang berwarna biru ganti dengan url fanspage punya sobat,,gampang kan?
<!-- Copy kode scriptnya dari bawah sini --!>
<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= http://www.facebook.com/pages/kutikom &width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href=" http://kutikom.blogspot.com/2013/02/3-cara-membuat-fanspage-facebook-dengan.html "><b>Get Widget</b></a></span></div></div>
//<!--
$(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= http://www.facebook.com/pages/kutikom &width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href=" http://kutikom.blogspot.com/2013/02/3-cara-membuat-fanspage-facebook-dengan.html "><b>Get Widget</b></a></span></div></div>
<!-- Sampai diatas sini mas bro -->
Untuk demonya lihat sebelah kanan pada blog www.kutikom.blogspot.com ini.
oke mudah bukan sobat, nntikan selanjut nya postingan dari kutikom semoga bermamfaat :)
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Fanspage Facebook floating atau Terbang
Related Posts :
- Back to Home »
- Tutorial »
- Cara Membuat Fanspage Facebook floating atau Terbang