Kita pasti sering melihat Like
Facebook yang melayang di blog, walaupun terkesan sangat memaksa tapi cara ini
mampu meningkatkan jumlah like fans page kita, karena posisi nya yang cukup
srategis dan mudah dilihat, dibandingkan memasang widget like facebook di side
bar.
 |
| Facebook Fan Page |
Selain itu widget ini juga tidak terlalu banyak
memakan kolom side bar, karena fanspage akan muncul melayang setiap pengunjung
membuka blog kita. Apakah widget ini mengganggu pengunjung?, mengganggu pasti
tentu, tapi ada tombol closenya yang bisa di tutup langsung oleh pengunjung.
Jika anda tertarik memasangnya silahkan ikuti langkah-langkah dbawah ini ;
1. Buka dasboard blog anda,
2. Masuk ke menu Tata Letak > Tambah gadget
3. Pilih HTML Javascript
4. Pastekan kode script dibawah 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='#'>×</a>
</div>
Keterangan :
Merah : ganti dengan kode script Fans Page anda
Hijau : Ganti tulisan sesuai keinginan anda
Untuk cara mendapatka kode Scrip facebook anda
harus membuat fans page di Facebook developer, letakan URL Fans page anda, dan atur
ukuran sesuai keinginan anda, jika sudah klik Get Code, lalu ambil kodenya.
Demikian artikel tentang cara memasang like box melayang di blog, semoga bisa bermanfaat bagi anda