Cara Membuat FansPage Melayang Di Blog Cara Membuat FansPage Melayang Di Blog

Salah satu cara untuk mendapatkan banyak Like di Fanspage adalah dengan cara memasangnya di blog. Jika pengunjung blog kalian ramai, maka dengan cepat Fanspage kalian akan banyak Like. Namun, memasang begitu saja FansPage di blog belum tentu pengunjung akan melike, karena mungkin tampilannya sangat monoton dan sangat membosankan untuk dilihat. ANK’s Blog punya cara jitu untuk menampilan Fanspage kalian lebih keren dan monoton untuk dilihat. Yakni dengan cara membuatnya melayang di blog. Jika pengunjugn blog mengklik di blog kalian maka dengan sendiri FansPage kalian akan keluar dan melayang di blog. Lebih kerennya lagi, jika pengunjung menurunkan scrollnya maka Fanspage kalian akan mengikutinya. Tertarik menggunaknnya, langsung saja ikuti tutorialnya dibawah ini.

1. Pertama masuk ke blog kalian.

2. Klik Tata Letak -> Tambah Gadget -> HTML JavaScript

3. Masukkan kode 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">Pengunjung Yang Baik Selalu Like FansPage & Follow ANK's Blog</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/ANKs-Blog/341902712535748&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 class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=_ankurniawan&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

4. Ganti tulisan yang berwarna Merah dengan tulisan sesuka kamu.

Ganti tulisan yang berwarna Biru dengan url FanPage kalian.

5. Save, dan lihat perubahan di blog kalian.

Ikuti ANK’s Blog di twitter dan bergabunglah bersama kami di facebook untuk mendapatkan update informasi tentang  games, music, film, software, dll.