Membuat fanspage melayang dengan waktu pada blog(update)



Selamat siang sobat blogger, siang ini saya mau bagi cara bikin  Fanspage melayang dengan waktu di blog , kalo gak percaya ni lihat demo nya >> Disini


kalo mau ni cara bikinya



  • loggin blogger
  • rancangan, edit html, cari kode </head>
  • masukin script berikut


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<style type='text/css'>
#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0}
#fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0}
.fbflush{cursor:pointer;font-size:11px;color:#FFF}
#fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100}
#fblikepop #closeable{float:right;margin:5px 15px 0 0}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px}
#fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px}
#fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px}
#fblikepop #counter-display{float:right;font-size:11px}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://artikel-terkait.googlecode.com/files/Facebook%20Like.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 20,
title: "Like Kami Di Facebook",
message: '<b>LIKE KAMI DI FACEBOOK</b>',
url: "http://facebook.com/cyber-jm",
closeable: false
} );

});
</script>


Keterangan
  Warna hijau : waktu time out nya
  warna pink : url fanspage kamu




Belom selesai lagi woiii


ni paste kan di atas </body>


<div id='fbtpdiv'></div>

Baru simpan template mu



Bagikan Artikel Ini ke: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Jasriman Sukri, Published at 23.39 and have 6 komentar

6 komentar:

  1. Di tarok dibawah body ya gan?
    Wah tutorial yg menarik :)

    BalasHapus
  2. makasih gan
    sukses buat SIMPLE SAMPLE

    BalasHapus
  3. Sambud Malam Gann........

    TErimakasih Gan,.
    atas infonya,. :D
    Menarik,... :D

    BalasHapus