cara memasang fanspage di tengah blog

cara masang fanspage fasbook di tengah blog,

pasti kalian pernah melihat fanspage berada di tengah tengah blog,pasti pernah melihatnya kan.cara ini sangat ampuh untuk menambah like fanspage kita,kan setiap orang yg mengunjung blog kita otomatis melihat fanspage kita ya kalo si pengunjung berminat bisa like fanspage kita,nah saya akan memberikan kota fanspage  nah bila membuka blog kota fanspage ya akan mucul di tengah tengah blog.

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

anda tertarik dengan widget ini?
ni contohnya:

1.pertama buka dasbor
2.pilih tata letah
3.pilih hjml/javascrip
4.copy paste kode 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;
left:-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">Kalau Bermanfaat,Silahkan Dilke Ia</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/otomatisdiadd300orang?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/>
<div style="text-align: center;">
<a href="http://fujianto21-chikafe.blogspot.com/2013/10/cara-membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>

5.warna merah ganti dengan alamat fanspage kalian
   warna hijau ganti dengan pesan anda

kalo udah kelar save hasilnya seperti yg di atas

BACA JUGA YANG LAIN