Cara Pasang Facebook Like Box Di Blogger Dengan Mudah

Facebook fan Halaman adalah cara yang bagus untuk mempromosikan blog atau website dan facebook seperti kotak banyak digunakan Plugin sosial dari pengembang Facebook. facebook ini seperti kotak akan membantu pengunjung Anda untuk menjadi pembaca reguler hanya dengan mengklik tombol seperti. Sehingga kotak ini akan meningkatkan jumlah penggemar facebook Anda. Untuk mendapatkan widget ini ikuti di bawah prosedur,

Mari saya jelaskan cara menambahkan facebook sederhana seperti kotak.

1. Login Untuk Akun Blogger.
2. Klik Tata Letak> Add A Gadget.

3. Pilih HTML / Javascript> Paste Berikut Kode Dalam konten Box.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/berbagiinfo7&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" >

Ganti URL halaman facebook  http://www.facebook.com/berbagiinfo7 saya dengan URL halaman Anda, Ganti Lebar Dan Tinggi Menurut Template Anda.

4. Sekarang simpan dan Anda selesai.

Sekarang dengan tutorial baru untuk menambahkan  seperti kotak di blogger kita.

Menambahkan Jquery Plugin
1. Pergi Untuk Dashboard> Template> Edit HTML

2. Cari </ head> dalam template Anda dan tepat di bawah ini paste kode JQuery berikut (Anda dapat mengabaikan langkah ini jika Jquery link sudah ditambahkan dalam template Anda)

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

Menambahkan Widget Kode

1. Pergi ke Layout> Add A Gadget

2. Pilih HTML / Javascript

3. Paste kode berikut di dalamnya,

ipt">
 //<!--
 $(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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4fBCZxBSuLrle5IjUVuOEfFDgJhLjeTcqFDarxYa3x6kRL_-zNGtpOpmdSjRnc5y4h4xmI7ZcGWvP4lximtn9II_r9EWikeHJDpgCwpIlV4ITJy8T6b-et7iG2SgZH8kg13OQ8zdnwiV/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;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/berbagiinfo7&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=292" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 292px; width: 245px;background:#fff;"></iframe><span><a style="font-family: arial, sans-serif; font-size: 9px; color: #999;" href="http://things-guide.blogspot.com/" target="_blank"> TG</a></span> </div> </div>

4. Ganti http://www.facebook.com/berbagiinfo7 Dengan URL Fb Anda

5. Sekarang simpan template Anda dan Anda semua dilakukan!

Kunjungi Blog Anda dan lihat hasilnya di sisi kanan halaman web Anda.