Cara memasang widget like facebook di samping blog

Buat Sahabat blogger yang masih bingung untuk menempatkan widget like facebook diblog. Kali ini sampul ilmu memberikan penjelasan tentang cara memasang widget like facebook disamping blog anda. Kegunaan like facebook adalah memberikan kesempatan kepada pengunjung yang tertarik atau ingin mengikuti blog anda setiap saat melalui jejaring social (Facebook).

Sebelum memulai memasang like facebook terlebih dahulu membuat halaman like facebook  blog anda untuk pembuatan halaman like facebook dapat dicari dimesin pencari atau Search engine.

Tahap-Tahap Pembuatannya

Buatlah Gambar vertical Like Facebook Anda. Untuk membuat gambar gunakan aplikasi seperti Photoshop, Corel Draw, dll, untuk kali ini sampul ilmu menggunakan gambar seperti dibawah ini

1. Upload gambar yang telah anda buat tadi , caranya anda dapat membaca artikel ini Cara Memasang Logo Di Blogger
2. Setelah anda mendapatkan URL dari Gambar yang telah anda Upload langkah selanjutnya adalah login kehalaman www.blogger.com  pilih Template >> EditHtml, kemudian Centang Expand Template Widget cari kode </head> dengan cara Ctrl+F setelah itu copy Script dibawah ini 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
3. Paste kode diatas tepat diatas kode </head> kemudian clik simpan template
4. Pada Tata Letak  click Tambahkan  Gadget dimana saja kemudian pilih HTML/JavaScript  copy script code dibawah ini
<script type="text/javascript"> //<!-- $(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("http://i1353.photobucket.com/albums/q662/Lembaran/facebookcopy_zps59912404.jpg ") 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= http://www.facebook.com/pages/Sampul-Ilmucom/147599598741541 &width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#ffffff;" allowtransparency="true"></iframe><span><a href=" http://lembar200.blogspot.com/ " target="_blank">Sampul Ilmu </a></span></div> </div>
5. Pada halaman HTML/JavaScript judul biarkan kosong kemudian pada konten paste kode diatas kemudian clik Simpan
6. Cari kode url ("http://i1353.photobucket.com/albums/q662/Lembaran/facebookcopy_zps59912404.jpg ") pada code script diatas Ubah tulisan yang berwarna biru dengan URL Gambar Anda
7. Kemudian cari kode http://www.facebook.com/pages/Sampul-Ilmucom/147599598741541 Ubah tulisan yang warna merah dengan URL fans page facebook anda

Mudah-mudahan Cara memasang widget like facebook di samping blog bermanfaat..........