Cara Membuat Like Box Fanspage Melayang di Blogger

Assalamualaikum ...

Sudah lama tidak kembali ke blog, saya akhirnya punya kesempatan untuk menengok blog saya ini. Sedari tadi habis blogwalking, saya dapat artikel tutorial blog seperti yang satu ini. Ya, Cara Membuat Like Box Fanspage Melayang di Blogger . Mau tahu caranya?? Langsung ikutin tutorial yang ada yaa...

Like Box Fanspage Facebook

Dengan Like Box Fanspage FB, membuat blog Anda menjadi lebih menarik. Dengan demikian, pengunjung akan langsung bisa meng-klik Like FansPage FB dalam satu waktu. Berikut Preview hasilnya :

Like Box Fanspage Facebook

Berikut ini cara untuk memasangnya di blog :

1.  Sign in ke Blogger Anda
2.  Masuk ke Dashboard Blogger
3.  Buka Tata Letak -> Tambahkan Gadget -> Html/ Javascript
4.  Setelah itu, Copy kode di bawah ini dan pastekan dalam kotak Html-nya

COPY KODE DIBAWAH

<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">Bantu Like yaa Sobat:)</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/3sGroup?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=AktivaNoviyanti&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

FootNote :

• Tulisan Bantu Like yaa Sobat :), bisa Anda ganti/ ubah sesuai keinginan Anda
• Tulisan berwarna biru, silahkan Anda ganti/ ubah dengan URL Fanspage Facebook yang Anda miliki 
• Sementara itu, tulisan berwarna merah, silahkan Anda ganti/ ubah dengan nama Twitter yang Anda miliki 
  

5.  Jika sudah, selanjutnya klik Save dan klik 'Simpan Setelan'
6.  Dan lihat hasilnya

APABILA ADA YANG MAU DITANYAKAN, SILAHKAN BERTANYA LEWAT KOTAK KOMENTAR DI BAWAH 

Wassalamualaikum... ^_^