Cara Baru Buat Like Fanspage Facebook Melayang di Blog

Like Fanspage Facebook Melalayang Di Blog,Kali ini Alung bejoselawase akan memosting untuk kemajuan blog ,yaitu Like Fanspage Facebook Melayang di blog.Fanpage Facebook ini sangatlah ringandan tidak hanya untuk like fanspage aja melainkan bisa buat widget lainya ,seperti Twiter,Follow blog ,Google+ dll.

Tujuan Memasang Widget like Fanspage Facebook Melayang Di blog
Pada dasarnya Memasang Widget Like Fanspage Facebook Melayang di blog adalah agar para pengunjung blog mau menyukai halaman facebook yang kita kelola dengan memberikan jempolnya,sehingga halaman-halaman facebook yang kita kelola semakin banyak yang like.Kelebihan lain dari widget ini di lengkapi dengan tombol close sehingga pengunjung bisa dengan mudah menutup kotak widget ini dan walaupun sedikit agak mengganggu pengunjung tapi masih bisa menutupnya tanpa susah payah.
Ok penasaran ya ingin memasang widget like fanspaga facebook melayang di blog,maka simaklah langkah-langkah nya dibawah ini :

1.Syarat utama harus mempunyai sebuah halaman facebook.Bila belu ada silakan membuatnya dulu,setelah anda mempunyai ikuti langkah selanjutnya.
2.Login ke blogger --> tata letak -->html/java secript.
3.Masukanlah kode di bawah ini

<!-- 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;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/"pages/alungbejoselawase.blogspotcom/288349164648780?ref_type=bookmarkdata-width="292"-show-faces="true" data-stream="false" data-show-border="true" data-header="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>

4.simpan widget yang anda masukan.

5.Silakan anda lihat hasilnya. 
Untuk yang berwarna hijau pages/alungbejoselawase.blogspotcom/288349164648780?ref_type=bookmark silahkan anda ganti dengan halaman facebook anda
Inilah tata cara pasang Widget Like Fanspage Facebook Melayang di Blog semoga bermanfaat bagi yang membutuhkanya.

                  -----SELAMAT MENCOBA-----SEMOGA SUKSES------