Cara Membuat Fanpages Melayang di Blogger

Assalamuallaikum Wr.Wb

Pada Artikel kali ini , saya Faizal Affandy akan memberitahukan Cara Membuat Kotak Fanpage Facebook Melayang -
 

Tentunya kalian pasti pernah melihat kotak Fanpage Facebook Melayang pada sebuah blog ataupun website, dan pastinya sudah melihatnya kan. pada posting kali ini saifdesain akan memasang like fanspage facebook dan juga follow twitter dibawahnya. dan bisa anda lihat pada website www.saifdesain.com. Sekilas tentang fanspage facebook pengertiannya adalah sebuah halaman khusus layaknya sebuah blog yang menyediakan informasi yang beraneka ragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, layanan, produk fiksi, artis, komunitas dan masih banyak lainnya. Beberapa orang ahlipun pasti memiliki pengertian fanspage Facebook sendiri-sendiri sesuai dengan apa yang mereka pelajari.
Keuntungan dari Fanpage Facebook Melayang pada sebuah blog salah satunya adalah bisa meningkatkan statistik blog kita dan memperkenalkannya kepada orang banyak atau visitor. Bila yang menyukai lebih dari 100 ribu orang bisa kita bayangkan sendiri statistik kunjungan pada blog kita. Untuk itu akan saya coba share satu-persatu langkahnya dan di mohon para pengunjung untuk memperhatikan dengan detail. sebagi Contoh lihat gambar dibawah ini:

Berikut langkah-langkah tutorialnya:

1. Buka Dasbor Blog Anda.
2. Pilihlah Tata Letak.
3. Klick widget HTML/ Java Script
4. Kemudian Copas code 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">Fanspage Facebook Melayang</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/saifdesain?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 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=saif_desain&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://saifdesain.com" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>

Keterangan:

[#] - Warna Merah = Ganti dengan kata-kata yang ini anda taruh di atas Kotak Fanpage
[#] - Warna Biru = Ganti dengan Alamat Link Fanpage Facebook Anda !!
[#] - Warna Orange = Ganti dengan Username Twitter anda !!

Mudah kan?

Ex : Faizal Affandy