February 24, 2014
MR.L.A
Namun, apabila dicari tutorial berkaitan Facebook Like Popup banyak tutorial yang tidak menjadi.
Jadi, saya ambil inisiatif untuk membantu anda pasang widget Facebook Like Popup Timer yang betul-betul menjadi dan berfungsi.
Saya sudah cuba berkali-kali dan widgetnya terbukti berfungsi. Saya ambil daripada Kaki Network. Boleh lihat demi di bawah:
Tutorial Pasang Widget Facebook Like Popup Timer
Ikut 4 langkah mudah pasang widget:1. Pergi ke Blogger dashboard > Template > Edit HTML.
2. Cari kod:
<body>
Kalau tidak jumpa, cari yang ini:
<body
Tip: Guna Ctrl + F untuk memudahkan carian anda.
3. Di bawahnya, letak kod ini:
<style type='text/css'>#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{background:none repeat scroll 0 0 #000000;display:none;height:100%;left:0;opacity:1!important;position:fixed;top:0;width:100%;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{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://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="pages/Putera-izmancom/329480917076612",
kakinetworkdotcom01title="Sila Like Untuk Menerima Info Berguna",
kakinetworkdotcom01skin="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyCk9kTexsc5n5_n58zq47HLFCVsUv1929M1XTHdTMkA3oTTHMkDBRJoF7THpIaAUiTcjgsEaT3vgVkBPNXwou4HrW138qXDZARKnc2BsqVC6pNmlOM6NSiY5fK0XRFf77l2wm_8GGsg/s1600/FBLikePopUp04.png",
kakinetworkdotcom01time="30",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="my"
//]]>
</script>
<script src='http://yourjavascript.com/21313234350/tawaunetwork.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
Sebelum nak tambah kod di atas, edit dahulu.
Cari kod:
pages/Putera-izmancom/329480917076612
Gantikan dengan URL Facebook page anda.
4. Save template.
Penerangan Kod
kakinetworkdotcom01title="Sila Like Untuk Menerima Info Berguna",
Boleh ubah:
Sila Like Untuk Menerima Info Berguna
Dengan apa sahaja ayat yang anda mahu.
kakinetworkdotcom01skin="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyCk9kTexsc5n5_n58zq47HLFCVsUv1929M1XTHdTMkA3oTTHMkDBRJoF7THpIaAUiTcjgsEaT3vgVkBPNXwou4HrW138qXDZARKnc2BsqVC6pNmlOM6NSiY5fK0XRFf77l2wm_8GGsg/s1600/FBLikePopUp04.png",
Boleh ubah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzyCk9kTexsc5n5_n58zq47HLFCVsUv1929M1XTHdTMkA3oTTHMkDBRJoF7THpIaAUiTcjgsEaT3vgVkBPNXwou4HrW138qXDZARKnc2BsqVC6pNmlOM6NSiY5fK0XRFf77l2wm_8GGsg/s1600/FBLikePopUp04.png
Dengan URL gambar yang anda mahu.
kakinetworkdotcom01time="30",
Boleh ubah:
30
Dengan masa yang anda mahu. 30 itu untuk 30 saat. Andai mahu ia paparkan selama 5 minit, tukar sahaja 30 jadi 300.
Andai Widget-Nya Tidak Berfungsi, Bagaimana?
Punca ia tidak fungsi adalah kerana plugin jquery.Tambah plugin ini untuk buat ia berfungsi:
1. Cari kod:
</head>
2. Di atasnya, tambah kod ini:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
3. Save template.
Jika tidak berjaya juga, mohon komen di ruang komenter.
Daripada Penulis
Sebenarnya banyak lagi widget-widget Facebook Popup yang betul-betul berfungsi.Salah satu yang saya jumpa ialah Facebook Popup (Like Box Widget).
Kalau anda baca diruang komenter dalam blog teresbut, ada jumpa satu lagi widget Facebook Popup versi Twitter Bootstrap.
Dan jangan lupa G+ entri ini. Terima kasih.
