Banyak cara untuk membuat blog kita terindeks oleh google dan traffic tinggi. salah satunya dengan share ke social 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. lalu pilih tamplate => proceed => edit html dan jangan lupa untuk centang expand widget
3. setelah itu cari kode <head> kemudian paste kode di bawah ini tepat dibawah kode <head>
5. Kemudian pilih menu Layout ->> Add a gadget ->> pilih gadget type ->> HTML/Javascript.
6. Copy kode di bawah ini, dan paste ke dalam kotak Content, gadget HTML/Javascript, tidak perlu diberi title.
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://lh4.googleusercontent.com/-zbDw9p8R20o/T8mpaxK77yI/AAAAAAAAB-Y/pDsYMYlDi5M/s136/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Ilfenshare&width=250&height=260&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=339941006059696" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:260px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://ilfen.blogspot.com/2012/12/memasang-facebook-like-box-fanpage-like.html" target="_blank">Blogger Widget</a></span></div></div>
7. Jangan lupa untuk mengganti kode https://www.facebook.com/Ilfenshare dengan URL Facebook Like Box anda
8. Jika ingin menyesuaikan tinggi dan lebar widget silahkan edit kode yang di bold hitam dengan angka yang anda inginkan
9. Klik tombol Save untuk menyimpan Gadget
hasilnya akan sama dengan kotak like facebook yang ada pada blog ini , bisa di liat di samping kanan.
sumber
Multipaste.blogspot.com
Tidak ada komentar:
Posting Komentar
thanks for comments