Cara Memasang Widget Fanspage Facebook Melayang di Blogger

FANSPAGE Fanspage adalah halaman fb yang digunakan untuk dijadikan sarana bersosialisasi antar sesama pengguna fb, di dalam fanspage melayang ini tersedia follow twitter untuk supaya orang bisa follow twitter anda.

Untuk membuat fanspage melayang tersebut anda harus mengikuti langkah langkah atau cara admin berikut ini karena kode fanspage fb melayang susah cari sumber aslinya !

1.pergi dulu ke dasbor anda masing masing
2.ketika sampai di dasbor cari tata letak / layout
3.kalau sudah sampai ,klik bacaan tambahkan gadget / add gadget
4.akan ada browse kecil muncul ,klik bacaan html/ javascript.

<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">Like Fanspage untuk mendapatkan berita baru</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Banicyber99?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=banicyber&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://www.bani-hacker.tk/2015/10/cara-memasang-widget-fanspage-facebook.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>×</a>
</div>

5.Masukkan kode diatas di kotak konten.

Keterangan :

Merah ialah pesan yang di sampaikan untuk pengunjung blog
Kuning ialah ID blog anda
Hijau ialah ID twitter anda

Nah berhasil kan