Cara Membuat Like Box Facebook Page di Samping Blog

Cara Membuat Like Box Facebook Page di Samping Blog

 

 

Jika kalian sudah memiliki Facebook Page, langsung saja ikuti langkah berikut cara membuat like box facebook page di samping blog berikut ini :


1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.

3. Letakkan kode berikut diatas kode </head>

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

NB: Jika kode tersebut sudah ada pada template Anda, lanjutkan langkah selanjutnya.

4. Simpan template.


Kemudian kita lanjutkan ke langkah selanjutnya yaitu memasang facebook page pada samping blog :


1. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
2. Copy kode berikut ini pada HTML/JavaScript.

<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 FACEBOOK PAGE 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://id-pemula.blogspot.com/">.: Pasang Widget :.</a></span></div></div>

Keterangan :
Ganti tulisan yang berwarna merah dengan URL Facebook Page kalian.

3. Simpan.






Semoga Bermanfaat :)

Posted in: Tips