Cara Membuat Fans Page Melayang Diblog

Membuat fans page melayang diblok caranya sangat simpel apalagi bagi anda yang menguwasai code html dan sebagainya, dan cara ini sebenarnya solusi mengatasi penuhnya widget di sidebar blog kita Biar blog kita kelihatan tambah keren dan menarik.

Bagi anda yang gak mau ribet silahkan anda copi code dibawah ini dan silahkan anda masukkan keblog anda,bagai mana caranya?saya rasa anda sudah bisa semua mengenai ini jadi tidak perlu saya jelaskan panjang lebar disini

<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">Kalau Bermanfaat,Silahkan Dilike Ia</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/......./?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://bebasupdate1.blogspot.co.id/2016/02/cara-membuat-fans-page-melayang-diblog.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>

Ohya jangan lupa code diatas yang tulisan merah ganti dengan fans page anda,bila kalian belum mempunyai fans page silahkan kalian buat dulu,dan bagi anda yang kesulitan membuat fans page anda browsing aja, 

Share this post