Floating Facebook Like Box


Floating facebook likebox can help to boost your traffic for your blog, because its simple but not sucks!.

Berbicara mengenai facebook dan bagaimana untuk menggunakannya sebagai alat yang dapat membantu meningkatkan traffic blog anda. berikut ini merupakan widget yang akan sedikit membantu mendapatkan facebook like untuk blog anda.

Taruh code ini diatas ]]></b:skin>


CSS

<style type='text/css'>  
#facebook-box {
position:fixed !important;
position:absolute; /* IE6 */
top: -900px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
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:#6699ff; 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;

#facebook-box 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>

Kemudian tempatkan kode html ini di widget anda atau dimanapun yg anda suka.


HTML

<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#facebook-box').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>

<div id='facebook-box'>

Script Like Box Facebook taruh Disini

<a class='close' href='#'>&times;</a>
</div>

Note :

Anda bisa mendapatkan script facebook likebox pada halaman developer facebook, kunjungi link ini http://developers.facebook.com/docs/reference/plugins/like-box/
8 Comments
Related Post

Join the Discussion!

Thx atas infonya bro
berkunjung @bassicor.blogspot.com

Gak ada contohnya???

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan