Cara Memasang Kotak Like ( Like Box ) Fans Page di Blog

Setiap blog pasti ingin dilihat menarik oleh semua pengunjungnya dan bagaimana cara kita sebagai Blogger dapat membuat tampilan blog kita enak dilihat oleh pengunjung-pengunjung blog kita. banyak hal yang dapat dilakukan untuk membuat blog kita menarik, mulai dari menambahkan gadget di sidebar ataupun mengedit template blog kita, dan kali ini Axz bakalan share kepada teman-teman bagaimana membuat tampilan blog kita menarik dengan ditambahkan Floating like box ( like box melayang ) di blog kita, langsung aja ke TKP.





1. Masuk Ke akun Blog anda.
2. Pilih Menu Tata Letak.

 3. Kemudian Klik Add Gadget/Tambahkan Gadget.

4. Kemudian Pilih HTML/Javascript.

 5. Dan setelah itu Copy dan pastekan kode di bawah 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">Jangan Lupa Like ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/FANS PAGE ANDA&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=TWITTER ANDA&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>



Note :
- Tulisan Berwarna Biru , Silakan ganti sesuai keinginan anda.
- Tulisan Berwarna Merah, Ganti dengan nama Fans page anda, mis : www.facebook.com/AxzoizmanIndonesia , ( warna merah adalah nama fans page anda )
- Tulisana Berwarna Hijau , Silakan ganti dengan nama twitter anda.

- Dan simpan.

6. Terakhir jangan lupa untuk Menyimpan Setelan anda atau Pratinjau untuk melihat dulu sebelum disimpan.

Dan, Floating like box sekarang sudah terpasang di blog anda!!!!





Jangan Lupa komentar dan jika bingung silakan bertanya dan jika ada link rusak silakan melapor ke kami :)