Bagaimana Pasang Widget Facebook Popup Like Box Timer Dalam Blogspot ~ Info untuk semua blogger yang menguruskan hal blog.

Salah satu cara untuk tingkatkan like adalah dengan pasang Facebook Popup dalam blog.

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:

DEMO

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.

Info untuk semua blogger yang menguruskan hal blog.