Memasang facebook like box keren pada blog

 on Jumat, 07 Desember 2012  

Banyak cara untuk membuat blog kita terindeks oleh google dan traffic tinggi. salah satunya dengan share ke sosial media, salah satunya facebook. berikut adalah cara untuk memasang kotak like facebook pada blog.kotak ini berfungsi untuk mengkoneksikan pengunjung kita dengan page yang sudah kita buat di facebook.berikut caranya :




1. masuk ke blogger

2. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.

3. Copy kode di bawah ini, dan paste ke dalam kotak Content, gadget HTML/Javascript, tidak perlu diberi title.


<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jszWc31Xr2Rpd__QuwmOW3awRMBKtdQU7W6OBgp4RgSyefczAMNzJdjt9uLMdYhqKzfg1XLcGp9DvqkuEoSRilL75MXRp0Ka5DlO1YJdzrjTNFmOZ8bT6OwftdlFpZN6EQR1wkmkLGk/s1600/otowebsite.blogspot.com-facebook.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fitjurnals&&width=200&height=348&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;" allowtransparency="true"></iframe></div></div></div>

4 Jangan lupa untuk mengganti kode itjurnals dengan nama FP  anda

hasilnya akan sama dengan kotak like facebook yang ada pada blog ini , bisa di liat di samping kanan.




Memasang facebook like box keren pada blog 4.5 5 ilham Jumat, 07 Desember 2012 Banyak cara untuk membuat blog kita terindeks oleh google dan traffic tinggi. salah satunya dengan share ke sosial media, salah satunya fa...


Tidak ada komentar:

Posting Komentar