Cara Membuat Like Box Facebook Melayang di Blog

Cara Membuat Like Box Facebook Melayang di Blog - Hai sob, kali ini saya akan membagikan sebuah Tutorial blogger. Yaitu Cara membuat Likebox di Blog dengan format melayang. Likebox ini sangat bermanfaat bagi Blogger yang mempunyai Fanspage dan Ingin mempunyai banyak Likers. Cara yang satu ini sangat mudah. Tak usah memerlukan kode yang diambil dari facebook, tak usah membuka dan mengedit Template, dan juga bagi sobat yang mempunyai twitter dan ingin dipromosikan di blog. Ini bisa jadi solusi yang hemat tempat karena disertakan juga dalam Likebox ini.

Berikut tutorial Cara Membuat Like Box Facebook Melayang di Blog :

1. Buka akun blogger anda masing masing

2. Klik tata letak/page elements

3. Add Gadget/Tambah Gadget

4. Pilih HTML / Javascript

5. Lalu copy kode di bawah ini dan taruh di box konten HTML / Javascript

<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">Suka dengan artikel di blog ini ? like fp dibawah ini untuk mendapatkan artikel terbaru via FACEBOOK</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/SchShare/540326036026382&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>

Catatan :
Warna Hijau ganti dengan kata kata sesuka kalian
Warna Merah ganti dengan url fanspage sobat
Warna Kuning ganti dengan nomor fanspage sobat