Membuat Pop Up Facbook Like Box dengan Timmer. Saya sedikit curhat ya sob hehe... saya lagi seneng banget nih sob saat ini, soalnya saya udah lama pengin banget ma yang namanya domain .com dan sekarang n barusan ini, sudah terkabul sob yang tadinya rieztoshare.blogspot.com menjadiwww.rieztoshare.com, wah... betapa gembiranya hati ini, bikin tambah semangat aja nih buat ngeblog sob, hahahay. Yaps cukup segini dulu curhatnya sob, haha.
Seperti hati saya yang sedang gembira pada saat ini, postingan kali ini juga lumayan berbobot dan gak kalah keren dengan postingan-postingan tips blogger lainnya yang sudah pernah saya posting, Membuat Pop Up Facbook Like Box dengan Timmer,
apakah sobat sudah pernah mendengarnya? atau menjumpainya? untuk lebih jelasnya, coba sobat klik maka akan tampil contoh pop up facebook like box dengan timmer yang sedang kita bicarakan ini sob.
Bagaimana sob? tertarik untuk membuat yang seperti itu? ouke mari kita buat sob.
1. Yang pertama log in dulu ke blog sobat.
2. Kemudian masuk ke Template, kemudian Edit HTML jangan lupa klik expand template widget.
3. Kamu cari kode </body>, kemudian letakkan srcipt berikut persis dibawah kode </body>.
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='MASUKKAN USERNAME FAN PAGE FACEBOOK KAMU ATAU ID FACEBOOK KAMU'
//]]>
</script>
<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:18px !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://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'Masukkan URL Fan Page Facebook Kamu disini',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
//<![CDATA[
KNFBFansPRO='MASUKKAN USERNAME FAN PAGE FACEBOOK KAMU ATAU ID FACEBOOK KAMU'
//]]>
</script>
<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:18px !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://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'Masukkan URL Fan Page Facebook Kamu disini',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>
NOTE :
- Ganti kode yang berwarna biru dengan username atau jika sobat belum punya usernamenya, sobat masukkin aja ID fan page facebook sobat misalkan : rieztoshare (username) atau186020231503968 (ID fan page).
- Untuk yang berwarna orange adalah script dari gambar like box, sobat dapat menggantinya sesuai dengan keinginan soba. Dibawah ada beberapa gambar like boxnya.
- Ganti kode yang berwarna hijau di time out untuk waktu kemunculannya.
- Ganti kode yang berwarna ungu dengan alamat URL fan page facebook sobat misalkanhttp://www.facebook.com/pages/Rieztoshare/186020231503968
Berikut merupakan Gambar Like Box dan Url-nya sob.
(Gambar 1)
Alamat URL-nya : http://mybloggertricks.googlecode.com/files/mbtlikebox.js
(Gambar 2)
Alamat URL-nya : http://mybloggertricks.googlecode.com/files/mbtlikebox2.js
(Gambar 3)
Alamat URL-nya : http://mybloggertricks.googlecode.com/files/mbtlikebox3.js
(Gambar 4)
Alamat URL-nya : http://mybloggertricks.googlecode.com/files/mbtlikebox4.js
1 komentar:
mantab gann....
Posting Komentar
Sampaikan komentar Anda dengan sopan..