Cara Memasang Widget Facebook di Samping Blog

 Buat teman blogger yang masih bingung untuk menempatkan widget seperti blog facebook. Kali ini sampul ilmu untuk menjelaskan "Cara memasang widget seperti facebook di Samping blog"
Kegunaan seperti facebook memberikan kesempatan kepada pengunjung yang tertarik atau ingin mengikuti blog Anda sepanjang waktu melalui jaringan sosial (Facebook).
Sebelum Anda memulai menginstal facebook seperti untuk pertama kali membuat halaman facebook seperti blog Anda untuk membuat halaman seperti facebook dapat dicari di mesin pencari atau search engine.
Tahapan produksi

Buat gambar kamu dengan menggunakan Photshop,Corel Draw dan banyak lagi software unyuk mrngedit foto

1. Unggah gambar yang kamu sudah buat dengan menggunakan photshop atau sebagianya tadi.
   
2. Setelah Anda mendapatkan URL gambar yang Anda miliki langkah berikutnya adalah untuk log Upload kehalaman www.blogger.com pilih Template >> Edit Html, kemudian Periksa Expand Template Widget menemukan kode </ head> dengan cara Ctrl + F kemudian salin script di bawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

     1. Paste kode di atas tepat di atas </ head> kemudian klik simpan template
     2. Dalam Layout mana saja klik Add Gadget dan pilih HTML / script JavaScript salin kode di bawah

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

1. Pada halaman HTML / JavaScript judul biarkan kosong kemudian paste kode di atas pada konten maka klik Save
2. Cari kode url("http://i1353.photobucket.com/albums/q662/Lembaran/facebookcopy_zps59912404.jpg ") the above script code Change the blue writing with the URL of your image

1. Kemudian cari kode http://www.facebook.com/pages/Sampul-Ilmucom/147599598741541 Kemudian menggantinya dengan warna merah url gambar kertas Anda

Saya harap "Cara memasang widget like facebook di samping blog" dapat bermanfaat :D
Sumber :  lembar200.blogspot.com