Cara memasang like facbook di widget

     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 lik=e facebook  blog anda untuk pembuatan halaman like facebook dapat dicari dimesin pencari atau Search engine. Setelah= halaman like facebook anda telah selesai dibuat lakukan langkah-langkah sebagai berikut :

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


1. Upload gambar yang telah anda buat tadi di album pisca.

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'/>

·  Paste kode diatas tepat diatas kode </head> kemudian clik simpan template

·  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://photobucket.com/albums/facebook ") 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 &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>

1. Pada halaman HTML/JavaScript judul biarkan kosong kemudian pada konten paste kode diatas kemudian clik Simpan

     2. Cari kode url "http://photobucket.com/albums/facebook "

          pada code script diatas Ubah tulisan yang berwarna biru dengan URL Gambar Anda.

    

     3. Kemudian cari code http://www.facebook.com/pages/Sampul-Ilmucom

           Ubah tulisan yang warna merah dengan URL fans page facebook anda