LIKEBOX FACEBOOK
Ass WR.WB
lagi lagi bikin artikel.
Tutorial kali ini sengaja saya buat Alias nyopi dari Kerabat saya LostSector dalam rangka nambah-nambah artikel di blog saya. heheheheh
Tutorial kali ini masih berhubungan tentang Blogger di mana kita akan membahas tentang cara memubuat PopUp facebook likeBox dengan timer otomatis.
keutamaan dari Tombol likeBox Fb ini adalah Tombol ini di rancang secara khusus Agar muncul secara otomatis ketika seseorang membuka halaman anda dan memiliki fungsi timer/waktu yang secara otomatis menutup jendela dengan sendirinya dalam waktu yang sudah anda tentukan Ketika seorang pengunjung tidak Menutupnya secara manuaL dan juga di rancang agar Tidak memunculkan jendela untuk kedua kalinya Ketika Halaman anda sudah di Berikan nilai Plus atau di sukai.
Adapun kelebihan yang lain dari PopUp facebook likeBox adalah Di desain secara khusus Dan memilik style yang tidak kalah serunya dengan tombol likeBox yang lain.Tombol Like Box ini sendiri memiliki 4 macam Skin yang berbeda beda diantaranya :
Untuk penerapannya pada blog anda adalah :
- Login ke blog anda
- masuk ke menu tempalate Kemudian pilih
- Edit HTML dan jangan lupa centang Expand widget templates
- cari kode </body> kemudian jika sudah ketemu
- Copy kode di bawah ini dan simpan tepat di atas kode </body>
<!-- http://d-crow.blogspot.com/ -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="uit.makassar.indonesia",
kakinetworkdotcom01title="Join us at Facebook!",
kakinetworkdotcom01skin="01",
kakinetworkdotcom01time="15",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://paccoro.googlecode.com/files/likebox-facebook-with-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- http://d-crow.blogspot.com/ -->
CATATAN : Untuk text yang saya beri warna merah,silahkan anda ganti dengan Username fans page anda.
Dan untuk kode yang berwarna biru dengan angka 01 adalah Kode skin seperti gambar di atas dan silahkan anda ganti sesuai keinginan anda,pilih antara : 02,03 atau 04.
Dan untuk kode dengan nomor 15 adalah Waktu/second yang di perlukan sampai jendela nya menutup secara otomatis.
thanks..
ReplyDeleteditunggu kunbal.nya