Update, Cara Menciptakan Facebook Fanpage Popup Like Box Dengan Timer Di Blogspot (2 Cara)
Cara 1:
1.Login ke blogger.
2.Klik template. (disarankan biar mem-backup dulu template anda buat jaga-jaga bila anda salah dalam mengedit template)
3.Klik edit HTML dan centang kotak Expand Template Widget.
4.Cari arahan </body> dan letakkan arahan dibawah ini sempurna diatasnya:
<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[
kakinetworkdotcom01username="https://www.facebook.com/pages/ZLFS-Blog/393881930728104",
kakinetworkdotcom01title="Update, Cara menciptakan Facebook Fanpage PopUp Like Box dengan Timer di Blogspot (2 Cara)"color: blue;">Ayo bergabung di Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="15",
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>
kakinetworkdotcom01username="https://www.facebook.com/pages/ZLFS-Blog/393881930728104",
kakinetworkdotcom01title="Update, Cara menciptakan Facebook Fanpage PopUp Like Box dengan Timer di Blogspot (2 Cara)"color: blue;">Ayo bergabung di Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="15",
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>
Keterangan :
- Pada goresan pena https://www.facebook.com/pages/ZLFS-Blog/393881930728104 yang aku beri warna biru silahkan ganti dengan URL fans page facebook anda. Misalnya https://www.facebook.com/pages/Ganti Username FanPage Sobat/Ganti ID FanPage Facebook Sobat
- Ayo bergabung di Facebook! silahkan diganti nama yang Sobat mau.
- kakinetworkdotcom01time ialah time yang diharapkan hingga popupya tertutup sendiri.
- kakinetworkdotcom01skin seperti Gambar di bawah
- closeable: true berarti anda menyertakan tombol close pada popupnya, bila tidak ingin menampilkannya silahkan ganti dengan false.
- 01 mengambarkan arahan skinnya... Anda dapat menggantiya dengan (02, 03, 04), untuk pola skinnya dapat dilihat gambar dibawah ini :
 |
| Skin 01 |
 |
| Skin 02 |
 |
| Skin 03 |
 |
| Skin 04 |
5.Setelah itu klik SAVE Template anda dan lihat hasilnya.
Cara 2:
1. Login ke blogger.
2. Klik Tata letak/Gadget (disarankan biar mem-backup dulu template anda buat jaga-jaga bila anda salah dalam mengedit template)
3. Klik Tambahkan Gadget/Add Gadget dan Cari HTML/JavaScript dan diklik
4. Copy arahan di bawah 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[
kakinetworkdotcom01username="https://www.facebook.com/pages/ZLFS-Blog/393881930728104",
kakinetworkdotcom01title="Update, Cara menciptakan Facebook Fanpage PopUp Like Box dengan Timer di Blogspot (2 Cara)"color: blue;">Ayo bergabung di Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="15",
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>
dan Paste di dalamnya
Keterangan :
- Pada goresan pena https://www.facebook.com/pages/ZLFS-Blog/393881930728104 yang aku beri warna biru silahkan ganti dengan URL fans page facebook anda. Misalnya https://www.facebook.com/pages/Ganti Username FanPage Sobat/Ganti ID FanPage Facebook Sobat
- Ayo bergabung di Facebook! silahkan diganti nama yang Sobat mau.
- kakinetworkdotcom01time ialah time yang diharapkan hingga popupya tertutup sendiri.
- kakinetworkdotcom01skin seperti Gambar di bawah
- closeable: true berarti anda menyertakan tombol close pada popupnya, bila tidak ingin menampilkannya silahkan ganti dengan false.
- 01 mengambarkan arahan skinnya... Anda dapat menggantiya dengan (02, 03, 04), untuk pola skinnya dapat dilihat gambar yang tadi
Apakah ada kesalahan?? Tanya di kotak komentar
