Tutorial : Display Time of Last Visit

Tweet

Assalamualaikum dan salam 1 Malaysia pada semua follower blog, dan juga rakan blogger sekalian. Dah lama aku tak buat tutorial pasal blog. Hah,... Kali ini, agak spesial sikit.... Nak tanya kat korang semua... Dalam banyak-banyak blog yang korang pernah singgah, pernah tak korang jumpa ayat seperti kat bawah ni ? 

Ada? Kalau ada, meh aku terangkan kat sini. Gambar yang kat atas tu, ialah status korang sebagai pelawat (visitor) blog bila mula-mula singgah satu blog itu, buat kali pertama.... Tetapi, kalau korang dah suka, berkenan, follow dan "Like" blog itu, atas sebab-sebab tersendiri, maka, apa lagi... berlakulah persinggahan ke blog itu berulangkali.... hehehe.... Dan status korang sebagai pelawat (visitor) blog akan berubah seperti dibawah ini:- 

Ok, dah faham, kan? Koding dia kat bawah sekali. Kalau untuk blog Blogspot, lagi senang. Macam mana? 

Dashboard > Nama Blog > Layout > Add a Gadget > HTML/Javascript  

Highlightkan dan copy koding kat bawah nih, pastu paste kat kotak kosong HTML/Javascript, kemudian save. 

(Highlight = Ctrl+A, Copy = Ctrl+C, Paste = Ctrl+V)

<script type = "text/javascript"> /*********************************************** * Display time of last visit script- by JavaScriptKit.com * This notice MUST stay intact for use * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more ***********************************************/ var days = 730; // days until cookie expires = 2 years. var lastvisit=new Object(); var firstvisitmsg="This is your first visit to this page. Welcome!"; lastvisit.subsequentvisitmsg="Welcome back visitor! Your last visit was on <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>

Sumber koding: Javascriptkit.com 

p/s: disyorkan korang letak widget itu ditempat yang mudah dilihat, seperti bawah header blog, atau bawah tab menu page (depend pada layout blog korang sendiri), contohnya macam blog ini. :) 

Tweet