Cara membuat Tombol Like Facebook Melayang Pada Blog

Kali ni saya akan berikan tutorial buat kamu yaitu bagaimana cara membuat Cara membuat Tombol Like Facebook Melayang Pada Blog. Sejatinya Tombol like melayang ini berguna untuk para Blogger yang ingin menambah jumlah Likers Facebook di Fanspage Blog Blogger atau hanya sekedar Buat Keren-Kerenan saja. Namun disisi lain Mungkin.., Visitor atau pengunjung Blog juga malah Risih akan kehadiran Dialog Melayang ini, Namun semua itu kembali kepada masing-masing.

Langkah pertama yang kamu harus lakukan yaitu Buat sebuah Like Box Fanspage Facebook Untuk Blog. Jika Belum kamu bisa Buat pada tutorial yang sudah saya buat sebelumnya silahkan KLIK DISINI

Jika sudah, Langkah selanjutnya yaitu Copy semua Code yang di bawa 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">Klik Like Bila bermanfaat</a></center>
<center>
Masukan Kode Fans Page anda disini
</center>
<!-- HTML End -->
<br/>
<a class='close' href='#'>&times;</a>
</div>

Lalu Ubah Huruf berwarna merah pada code di atas, Ganti dengan Kode Fanspage anda yang sudah anda buat di langkah pertama tadi.

Setelah itu copy semua Code tersebut dan paste kan ke Blog kamu dengan cara Buka Blogger lalu Klik tata letak lalu tambahkan widget lalu pilih HTML/JavaScript . Paste semua Code tersebut di Kotak yang sudah disediakan. seperti gambar di bawah ini

 

Selesai. Jika ada pertanyaan silahkan Berkomentar.