logo

Blog Alvin Warasi

  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • Photoshop Online
    • TV Online
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Contact
  • Link Exchange
  • Out Of Topic
Home » jQuery » Widget » Menampilkan Pesan Pada Jam Tertentu

Menampilkan Pesan Pada Jam Tertentu

Alvin Warasi
Add Comment
jQuery, Widget
Wednesday, 6 August 2014
Menampilkan Pesan Pada Jam TertentuPernah 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 / mengingatkan waktu saat ini misalkan, "Selama Pagi, Selamat beraktifitas!" atau "Jangan Lupa ya sekarang pukul 12.00 jadi acara kumpul Blogger akan dimulai" atau sebagai alarm plus pesan pengingat berguna. DEMO-nya seperti dibawah ini :



Menampilkan pesan pada jam tertentu atau 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:

Nah, jika Anda tertarik untuk menerapkannya di blog Anda. Silahkan ikuti langkah berikut ini.

  • Pada dashboard Klik Tatak Letak Add a Gadget HTML/JavaScript.
  • Kemudian Copy paste kode berikut ini dan untuk judul dikosongkan saja:
<script type='text/javascript'>
 var now = new Date();
 var hours = now.getHours();
    // Jam 4 Sore - 6 Sore
 if (hours >= 16 && hours <= 18){
document.write("Selamat menantikan berbuka Puasa");
   // Jam 7 Malam - 9 Malam
 } else if (hours >= 19 && hours <= 21){
document.write("Selamat menjalankan Sholat Tarawih");
    // Jam 10 Malam - 2 Dini Hari
 } else if (hours >= 22 || hours <= 2){
document.write("Kok belum tidur? udah malam bro..");
    // Jam 2 Dini Hari - 4 Dini Hari
 } else if (hours >= 2 && hours <= 4){
document.write("Sahur! Sahur! Sahur!");
    // Jam 5 Pagi - 8 Pagi
 } else if (hours >= 5 && hours <= 8){
document.write("Selamat pagi, semoga puasanya Lancar..");
    // Jam 9 Pagi - 3 Sore
 } else if (hours >= 9 && hours <= 15){
document.write("Selamat menunaikan ibadah puasa, semoga amal ibadah kita di terima di sisi Allah SWT.");
 }
</script>

Tinggal ditambah dan dimodifikasi ya untuk jam yang lain, kalau masih ada yang kurang Anda paham bisa tanya lagi untuk yang saya garis bahawi adalah pesannya.. Untuk mencobanya tanpa menunggu waktu tertentu bisa dengan merubah jam yang ada di Laptop atau PC Anda..

Selamat mencoba.. Semoga berhasil...


Advertise
Contact Me
300x250
Advertise
Contact Me
300x250

Terimakasih sudah berkunjung dan membaca artikel mengenai Menampilkan Pesan Pada Jam Tertentu, jika ingin menyebar luaskan artikel ini di mohon untuk mencantumkan Link Sumbernya.
Jangan lupa klik tombol di bawah ini

Tweet

0 Comments

Silakan Tinggalkan Komentar Anda!
Saya sangat menghargai atas pertanyaan dan komentar Anda, berkomentarlah dengan baik dan sopan.
Dilarang menyertakan link aktif, iklan, atau titip link...
Terima Kasih Sudah Berkomentar..

Konversi KodeTutup Konverter!ForumEmoticon

Terima kasih telah berkomentar
Subscribe to: Post Comments (Atom)

About Me

alvin f G t
Hai, perkenalkan nama saya Alvin Warasi saya lahir di kota
Medan - Sumatera Utara - Indonesia.
Alumni SMK NEGERI PASIRIAN Jika anda ingin kenal lebih dekat
ADD sosial Network saya.
Read More »
Welcome to my blog!!!
Anda Disini di Ijinkan untuk mengutip sebagian tulisan di situs ini tetapi tidak boleh seluruhnya dengan menyebutkan link dan sumber.
Apabila ditemukan copy/paste seluruh artikel akan diajukan ke DMCA Google supaya dibanned dari Google atau dihapus dari Blogger. Buat sahabat Blog Alvin Warasi yang merasa mencopy paste Artikel silahkan sertakan sumbernya, sebelum anda mendapat PERINGATAN dari pihak Google.
Jika Blog Anda di hapus oleh pihak Google saya tidak bertanggung jawab !!!

Terima Kasih

Blogger Tutorial blog Alvin Warasi Blogger Tutorials and Free Blogger Templates. arrow
Pasang Iklan di Sini blog Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Pasang Iklan di Sini blog Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Pasang Iklan di Sini blog.Alvin Warasi Pasang iklan Anda di sini, hanya 35 ribu / bulan. arrow
Iklan oleh Alvin Warasi info

Ikuti Blog ini dengan memasukan Email Anda dibawah ini! Terima Kasih

Contact Form

Name

Email *

Message *

Adsense Indonesia bisnis ustad yusuf mansur iklan banner iklan banner
Advertise
Contact Me
300x250
Advertise
300x250
Here

Ads by Alvin Warasi
iklan banner iklan banner iklan banner iklan banner

Labels

AdSense Animasi Blog Alvin Warasi Blogging CSS Efeck Gambar Efek Eksperimen Facebook Font HTML HTML5 Iklan Informasi Umum jQuery Lain-Lain Navigasi Photoshop Seo Software Template Tips dan Trick Tools Tutorial Blog Widget

Site Info

follow Alvin Warasi

SEO Reports for the-warasi.blogspot.com

Blogger

Google+

Facebook

Twitter

Copyright © 2014 - 2015 Blog Alvin Warasi Thankz to Blog Dian Anarchyta