Tentu agak mengujakan apabila setiap kali kedatangan pengunjung ke blog disambut mesra. Jika anda mahu pengunjung blog anda merasa diri mereka sedang dihargai kehadiran, maka HH sarankan anda gunakan widget mudah ini untuk diletakkan di blog.

Widget ini akan memaparkan atau merekodkan kedatangan pengunjung blog anda menerusi cookies. Setiap kali pengunjung baru singgah ke blog anda, mereka akan disambut dengan kata aluan contohnya seperti - "Selamat Datang. Ini adalah kunjungan kali pertama anda!"

Atau jika pengunjung itu merupakan pengunjung blog anda secara kerap, kata aluan ini pula akan keluar di blog, contoh - "Terima kasih kerana singgah lagi. Kali terakhir anda singgah adalah pada ...."

Anda boleh lihat contoh penggunaanya di blog ciklaili.com ini:



Kod HTML Widget Aluan Pengunjung Blog


<script type = "text/javascript">
//
var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="This is your first time time visit. Welcome!";
lastvisit.subsequentvisitmsg="Your Last Visit:  <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}
lastvisit.showmessage();
</script>

Salin kod html/javascript di atas ini dan muatkan dalam dashboard-layout-add a gadget-html/javascript. Tulisan yang golap tu anda boleh ubah ikut citarasa dan kesesuaian anda. Nak tulis dalam English ke, bahasa Jawa ke, Penang ke, Ipoh mali ke ...itu ikut suka anda, tetapi biarlah difahami dan nampak natural seperti anda sedang menyambut kedatangan pengunjung blog.

Tutorial ini telah disediakan oleh Mari Bina Blog

Selamat mencuba.

16 Ulasan

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

  1. Assalam, dah lama cari nie... tapi tak jumpa juga... akhirnya ada juga... hahaha... thanx HH...

    BalasPadam
  2. tq HH...macam mana plak nak buat "mengenai penulis" bawah post?

    BalasPadam
  3. ye, mana mana ye nak tulis mengenai penulis bawah pos??? hihihi...sj ulang soklan afendi Abu Talib, biaq nmpk mcm btol2 nak tahu....pe pn thanks bro HH ats pengkongsian artikel di atas.


    bro HH USM tahun bila erk?

    BalasPadam
  4. Saya dah terbiasa bila masuk ke kelas, saya yang akan ucapkan salam kepada pelajar & sudah tentunya mereka akan rasa dihormati, disayangi & dihargai oleh cikgu Laili.

    Saya nak pembaca blog ciklaili.com juga rasa perkara yang sama - rasa dihormati, disayangi & dihargai setiap kali berkunjung ke blog ciklaili.com.

    BalasPadam
  5. Thanks HH...Message ni Boleh Float tak..

    BalasPadam
  6. terbaekk widget ni.. applicable tak dengan wordpress?

    BalasPadam
  7. menarik...utk wordpress boleh masukkan juga ke tak bro?

    BalasPadam
  8. Terima kasih atas perkongsian ini..;)

    BalasPadam
  9. nak cuba try testt la.. heheh. thanxX HH :D

    BalasPadam
  10. Sama-sama .. tak cuba takkan tahu .. ye tak?

    BalasPadam
  11. Boleh rasanya .. rasa ehh .. bukan fikir .. :) sbb tak ada pengetahuan ttg wordpress sedalam itu

    BalasPadam
  12. Boleh gunakan div style untuk floatkan benda ni

    BalasPadam
  13. In Sya Allah ... nanti akan diusahakan.

    BalasPadam

Catat Ulasan

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

Terbaru Lebih lama

Advertisement

Bisnes Shopee

Advertisement

BERMASALAH DENGAN HARTA PUSAKA?

Panduan Mengurus Harta Pusaka dan Hibbah. - Nak Tahu? Klik Sini Sekarang!!


Advertisement