Membuat Fans Page Melayang

selamat malam sahabat blogger, duh.. capek banget nich malem ini. tp kiki sempet-sempetin dah buat update artikel. meski cpek tetap semangat ! :)
karena buat kalian lah semua ini tercipta. hehehehehe.
oke dah.. langsung aja ya shobz.  saya menuju topik pembahasan. yaitu bagaimana cara membuat fans page blog melayang di blog, nah. sudah tau blom cara buat halaman fans page facebooknya,? nah klu yang belum tahu cara buat fans page facebooknya, silahkan shobat baca artikel nya.
nah.. kemudian kalian copy dech java script di bawah ini. jangan sampek ada yang terlewat ya shob codenya. bisa bisa nanti gak berhasil.

buat sahabat blogger yang blum tahu cara buat halaman fans page di blogger, silahkan sahabat baca disini dulu  

ketika kalian sudah mengerti keduanya.
barulah kita membahas pokok dari artikel ini. yaitu cara membuat fans page melayang di blog.
Langkah selanjutnya.....
silahkan buka blog shobat kemudian ke menu tata letak
dan klik tambahkan gedget kemudian pilih menu HTML/JAVASCRIPT
dan selanjutnya copy code di bawah ini.

JAVA SCRIPT

<!-- FB melayang tombol close --!> <style type='text/css'> #kotak-facebook {       position:fixed !important;       position:absolute; /* IE6 */       bottom:-1000px;       right:40%;       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;">Please Bantu Saya,<blink> Like This !!!</blink> </p> <!-- Mulai --!> MASUKKAN KODE FANS PAGE FB DISINI <!-- 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://kitha-share.blogspot.com">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://twitter.com/ha_khiekhie">follow twitter</a></p>     </div>

ubah tulisan yang berwarna merah "MASUKKAN KODE FANS PAGE FB DISINI" dengan kode fans page fb sahabat sahabat sekalian.
dan langkah terakhir adalah klik SIMPAN
dan lihat hasilnya, kitha-share mengucapkan selamat mencoba.
apabila ada hal yang kurang jelas bisa di tanyakan kepada admin, bisa melalui comentar maupun jejaring sosial !
terimakasih !