Cara Memasang Like Box Facebook Melayang di Blog

Cara Memasang Like Box Facebook Melayang di Blog - Karena belum bisa tidur, walaupun sudah tengah malam tetap saja semangat update artikel blog hehehe, Dalam kesempatan kali ini saya akan sedikit menulis tutorial cara memasang fanspage facebook melayang di blog..

Bagi yang belum punya, widget ini saya kira perlu sobat coba karena ini merupakan salah satu promo blog sobat agar blog sobat cepet terkenal dan pengunjung pada berdatangan hehehe. Langsung saja ikuti langkah berikut ini :

1.  Bukalah blog sobat
2.  Pilih Tata Letak >> Tambahkan Gedget
3.  Kalau sudah muncul halaman Tambahkan Gadget silahkan sobat pilih HTML/JavaScript
4.  Lalu copy pastekan script di bawah ini

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Minta Like-nya Sob</a></center><br />
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ASUSIndonesiaID/info?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<a class='close' href='#'>&times;</a>
</div>

5.  Ganti yang berwarna merah dengan url fanspage facebook sobat
6.  Klik simpan

Semoga bermanfaat sob, Terima kasih dah mau berkunjung.. Salam blogger!!