Fanpage Facebook Melayang di Blog| Tips Komputer | Trik Komputer

1. Pertama – tama yang harus anda
lakukan adalah login ke account blogger melalui www.blogger.com

2. Kemudian masuk ke Dashboard lalu
pergi ke Layout/Tata letak

3. Klik Add a Gadget =>
HTML/JavaScript.

4. Copy kode dibawah ini
didalamnya

<!– FB melayang tombol close
–!>

<style type=”text/css”> 

#kotak-facebook {

     
position:fixed !important;

     
position:absolute; /* IE6 */

     
bottom:-1000px;

     
right:10%;

     
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:#C2CFDF; 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’>

 
Klik Like !

<br/>

<!– Mulai –!>

Letakkan kode Like
box fanpage facebook sahabat disini

<!– Selesai –!>

   
<a class=”close” href=”http://galerycatatan.blogspot.com/2013/06/#”>×</a>

   
</div>

Download Kode

Keterangan:

Ganti Letakkan kode Like box fanpage facebook sahabat disini
dengan kode scprit fan page sahabat

5. Langkah terakhir tinggal di Save/Simpan.