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 :