Membut Pop Up like Box pada blog memang tidak banyak para blogger-blogger menggunakan script ini, karena tidak semua blogger mempunyai fans page facebook. Sama halnya seperti blog multi ajaib ini, yang tidak mempunyai fans page.
Apabila anda mempunyai fans page yang masih baru dan belum mempunyai banyak like atau fans, anda bisa memasangnya diblog anda dengan sistem pop up. Maksudnya, jika ada orang yang masuk blog anda, maka pop up tersebut akan muncul dan pengunjung akan berpikir untuk menyukai fanspage anda tadi.
Mungkin bagi anda yang memasang like Box seperti gambar diatas, anda bisa mengikuti langkah-langkah yang saya bagikan dibawah ini
- Login www.blogger.com
- Pilih menu Tata Letak
- Langsung tambahkan Html/JavaScript
- Silahkan masukkan kode dibawah ini
<style>#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; /* hack for IE 6*/ 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; /* hack for IE 6*/ 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><script>google.load("jquery", "1");</script> <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <script type="text/javascript"> //<![CDATA[Keterangan:
kakinetworkdotcom01username="multiajaib",
kakinetworkdotcom01title="Join us at Facebook!",
kakinetworkdotcom01skin="02",
kakinetworkdotcom01time="60",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]> </script> <script type="text/javascript" src="http://yourjavascript.com/32054191417/asasa.js"></script><script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
- multiajaib : silahkan ganti dengan user ID fanspage facebook anda
- 60 : Waktu mundur, sampai pop up hilang
Langkah terakhir silahkan simpan. Setelah itu coba anda lihat pada halaman blog anda, apakah sudah berhasil. Jika sudah berhasil saya ucapkan selamat.
Bagi anda yang belum tahu bagaimana cara mendapatkan kode Like Facebooknya, bisa lihat tutorial saya Cara mendapatkan kode Like Box facebook.
Demikianlah tutorial saya tentang Cara membuat like box melayang dengan timer pada blog semoga tutorial ini dapat dimengerti dengan mudah.
0 Comments
