Cara membuat facebook fanspage muncul secara otomatis di blog

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.

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 ;

Cara Membuat Fans Page Facebook Melayang di Blog

#Jika belum punya fans page silahkan baca "cara membuat fans page facebook"

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='#'>&times;</a>
</div>

Keterangan :
Merah : ganti dengan kode script Fans Page anda
Merah : 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.a

Posted in: TIPS AND TRIK BLOG