Cara Menambahkan Fanspage Melayang Di blog

keunikan dari Fanspage melayang di blog ini sendiri adalah pengunjung blog akan lebih mudah untuk like fanspage kita dan tentunya ini sangat menguntungkan bagi kita para blogger .. . .

dan tentunya ini sangat bermanfaat bagi pengguna blog pemula seperti saya , karena blog terlihat lebih keren dan tentunya menarik . .


oke langsung saja . .

simak baik-baik Cara Menambahkan Fanspage Melayang Di blog . .


Pertama Masuk ke dashbor blog => Tata Letak => Tambahkan gadget terserah mau piilih yang mana => Html/Java Script .

Copy 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;
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 Untuk Mendapat kan Update Terbaru dari Blog ini</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/mutiara belajar?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/>
<a class='close' href='#'>&times;</a>
</div>




keterangan  :

Klik Like Untuk Mendapat kan Update Terbaru dari Blog ini ganti dengan kata kata sobat

mutiara belajar ganti dengan id fanspage milik sobat . .

kedua klik simpan dan lihat hasilnya . . 



gimana mudah kan . .

oke sekian dulu tutorial dari admin , semoga bermanfaat . .

kalo ada yang ingin di tanyakan silahkan tanya di tempat yang sudah di sedikan . . .