Like Fans Facebook Melayang [Simple]

sigitseo Like Fans Facebook Melayang [Simple] - Kali ini saya akan berikan tutorial untuk membuat Like Fans Facebook Melayang. Tentu sobat juga sering melihat widget seperti ini di Blog-blog pada umumnya, tapi sedikit berbeda pada umumnya, tampilan ini akan sedikit biasa dan gak ribet (SIMPLE). sangat cocok bagi sobat blogger yang suka kesimpelan dan gak ribet.

Oke langsung saja berikut cara membuatnya :

1.Login ke blogger.
2.Klik Tatat Letak.
3.Klik Tambah Gadget.
4.Pilih HTML/javascript.
5.Copy dan paste Kode di bawah ini ke dalamnya..

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:60%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-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;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;"> Jangan Lupa Kalo Memang Suka<blink> Like Aja !!!</blink> </p>
<!-- Mulai --!>
Disini Tempat meletakan kode Fans Pagenya.......
<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ariflaw.blogspot.com">Blogger Widgets</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ariflaw.blogspot.com/2012/10/cara-memasang-widget-like-facebook.html">Blogger Tutorials</a></p>
</div>

6. Simpan. dan lihat hasilnya

Sedikit tutorial dari saya tentang Like Fans Facebook Melayang [Simple]. terimakasih dan semoga bermanfaat!