Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time
Message) pada blog kita? tentu saja ya, Ada kalanya ketika sedang tidak
online kita ingin memberikan pesan kepada pengunjung mengenai keadaan kita saat
ini misalkan, "maaf, saya jam 1 ada rapat jadi gak bisa online" atau "jangan
lupa ya sekarang pukul 13.00 jadi acara kumpul blogger akan dimulai" atau
sebagai alarm plus pesan pengingat berguna.
Menampilkan pesan pada jam tertentu (Time Message) tentu saja sangat
membantu, disisi lain pengunjung juga akan mengetahui informasi apa yang ingin
kita sampaikan pada jam berikutnya tanpa harus online sekedar menulis pesan.
Selain menambah nilai plus berupa pesan singkat, blog kita juga tentu saja
terlihat berbeda :). Ok ikuti terus tutorial ini untuk cara pemasangan kodenya:
Cara Pasang Time Message:
Cara pasang pada blog tinggal copi-paste aja kode dibawah ini dengan
menambahkan elemen halaman baru, kemudian jangan lupa mengedit pesan yang ingin
ditampilkan yang ditandai dengan teks berwarna merah
dibawah ini.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("<left><font size=+1>")
day = new Date()
hr = day.getHours()
if (hr == 1)
document.write("pesan jam 1 pagi")
if (hr == 2)
document.write("pesan jam 2 pagi")
if (hr == 3)
document.write("pesan jam 3 pagi")
if (hr == 4)
document.write("pesan jam 4 pagi")
if (hr == 5)
document.write("pesan jam 5 pagi")
if (hr == 6)
document.write("pesan jam 6 pagi")
if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))
document.write("pesan jam ini berlangsung pada jam
7,8,9,10 pagi")
if (hr == 11)
document.write("pesan jam 11 pagi")
if (hr == 12)
document.write("pesan jam 12 siang")
if (hr == 13)
document.write("pesan jam 1 siang")
if ((hr == 14) || (hr == 15) || (hr == 16))
document.write("pesan jam ini berlangsung pada jam
2,3 dan 4")
if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))
document.write("pesan jam ini berlangsung pada jam
5,6,7,8 sore - malam")
if (hr == 23)
document.write("pesan jam 11 malam")
if (hr == 0)
document.write("sudah tengah malam saya tidur dulu
ya")
document.write("</font></left>")
// End -->
</SCRIPT>
Kemungkinan yang ditanyakan:
if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))
document.write("pesan jam ini berlangsung pada jam
7,8,9,10 pagi")
Penjelasan code diatas, ini berarti kita membuat pesan yang sama pada jam
yang sudah di tentukan misalnya pada jam 7,8,9,10 pagi.
Jika ingin menampilkan pesan pada jam berbeda tinggal di lakukan sedikit
perubahan pada kode seperti dibawah ini :
if ((hr == 7)
document.write("pesan jam
7 pagi")
if (hr == 8)
document.write("pesan jam
ini 8 pagi")
if (hr == 9)
document.write("pesan jam
ini 9 pagi")
if (hr == 10))
document.write("pesan jam
10 pagi")
Menambahkan permintaan teman kita mengenai bagaimana jika menampilkan
ketika contoh jam antara 1:00 - 1:20 atau hanya tampil jam 1:20?
Berikut kode yang ditambahkan pada script sebelumnya:
now = new Date()
if (now.getMinutes() < 10) {
document.write("ini tampil jam antara jam 1:00 - 1:10")
}
else if (now.getMinutes() == 20) {
document.write("ini tampil jam 1:20")
}
else if (now.getMinutes() < 30) {
document.write("ini tampil jam antara jam 1:00 - 1:30 ")
}
else {
document.write("pesan jam 1 pagi")
}
Kode Selengkapnya:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
document.write("<left><font size=+1>")
day = new Date()
hr = day.getHours()
now = new Date()
if (hr == 1)
if (now.getMinutes() < 10) {
document.write("ini tampil jam antara jam 1:00 - 1:10")
}
else if (now.getMinutes() == 20) {
document.write("ini tampil jam 1:20")
}
else if (now.getMinutes() < 30) {
document.write("ini tampil jam 1:00 - 1:30 ")
}
else {
document.write("pesan jam 1 pagi")
}
document.write("pesan jam 1 pagi")
if (hr == 2)
document.write("pesan jam 2 pagi")
if (hr == 3)
document.write("pesan jam 3 pagi")
if (hr == 4)
document.write("pesan jam 4 pagi")
if (hr == 5)
document.write("pesan jam 5 pagi")
if (hr == 6)
document.write("pesan jam 6 pagi")
if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))
document.write("pesan jam ini berlangsung pada jam 7,8,9,10 pagi")
if (hr == 11)
document.write("pesan jam 11 pagi")
if (hr == 12)
document.write("pesan jam 12 siang")
if (hr == 13)
document.write("pesan jam 13 siang")
if ((hr == 14) || (hr == 15) || (hr == 16))
document.write("pesan jam ini berlangsung pada jam 2,3 dan 4")
if ((hr == 17) || (hr == 18) || (hr == 19) || (hr == 20) || (hr == 21) || (hr ==
22))
document.write("pesan jam ini berlangsung pada jam 5,6,7,8 sore - malam")
if (hr == 23)
document.write("pesan jam 11 malam")
if (hr == 0)
document.write("sudah tengah malam saya tidur dulu ya")
document.write("</font></left>")
// End -->
</SCRIPT>
Tinggal ditambah dan di modifikasi ya untuk jam yang lain. kalo masih bingung
bisa tanya lagi :)
Selamat mencoba, Happy blogging :)
