Cara Membuat Fanspage Facebook Melayang di Blog

Banyak Teman saya yang bertanya?

Bagaimana sih "cara Membuat Fanspage Facebook Melayang di Blog". 

Oke, Caranya cukup mudah untuk seorang pemula blogger seperti saya.

Kalau mudah apa aja sih persyaratannya?

Ya tentu kalian harus mempunyai akun Facebook terlebih dahulu dan Fanspage facebook yang sudah anda di buat.

OKE, . .Langkah Pertama : 

1. Buka Dasbor Blog Anda

2. Pilih Tata Letak

3. Tambah Gadget lalu Pilih HTML/ Javascript

4. Copy 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:320px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#4399CD;
border:2px solid #4399CD;
-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:#4399CD;
border:2px solid #4399CD;
-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/Nestcips?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=YOUR NAME&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="#"_blank">Get This Widget</a></div>
<a class='close' href='YOUR NAME '>&times;</a>
</div>

5. Selanjutya Kalian Bisa Ganti Kode Yang Berwarna:
    Hijau: Pesan (Terserah kalian aja)
    Biru: URL Fanspagenya
    Merah: Username Twitter agan ( Contoh: fahrulkbu )

6. Kemudian kalian Save, Dan kalian bisa refresh Blog kalian Insyallah berhasil.


Sekian.

By Renzytoreno Brainivanaqilah