Cara Memasang Widget Like Box Melayang

Halo, Kembali lagi saya ingin memberikan beberapa Tutorial Khusus untuk blog anda, dan sebelumnya saya mengucapkan terima kasih atas Bos Tutorial yang telah membagikan ilmunya, kali ini saya juga mau membagikan ilmu yang saya dapat dari Bos Tutorial tentunya, Tentang Cara Memasang Widget Like Box yang melayang..

Langsung saja teman-teman semua ..

• Siapkanlah Fanspage Facebook anda. Untuk memulai tahap selanjutnya anda harus memiliki Fanspage facebook. Klik disini Cara Membuat Fanspage Facebook
• Setelah anda memiliki fanspage facebook, Silahkan Login Ke Akun Blogger anda.
• Setelah itu, Masuk Ke Tata Letak 

• Lanjut, setelah itu klik "Tambahkan Gadget" Seperti Gambar dibawah ini.
  
  
  

• Lalu pilih "Html/JavaScript" untuk memasukkan script berikut .

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Silahkan Di Klik Tombol Likenya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/aboutdoublr" data-width="300" data-height="250" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>

•  Setelah Itu Simpan Html/JavaScript anda
• Untuk Script diatas, Font yang berwarna hijau adalah script dari fanspage saya, silahkan mengganti script tersebut dengan script fanspage anda.
• Lalu lihat hasilnya dengan "Pratinjau atau Lihat Blog"

Saya rasa hanya itu saja yang bisa saya bagikan kali ini,

"Cara Memasang Tombol Like yang melayang"