Tutorial Blogspot

Tutorial Blogspot, SEO, HTML5, CSS3, Facebook, Twitter, Software, Game, Motivasi, Tips dan Trik

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • SEO
    • Template Blogger
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Link Exchange
  • Pasang Iklan
  • Kontes SEO Template Premium
Home » Widget » Menampilkan Pesan Pada Jam Tertentu

Senin, 01 September 2014

Menampilkan Pesan Pada Jam Tertentu

Unknown
Add Comment
Widget
Senin, 01 September 2014

Menampilkan Pesan Pada Jam Tertentu 

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 / mengingatkan waktu saat ini misalkan, "Selamat pagi, Selamat beraktifitas!" atau "Jangan lupa ya sekarang pukul 13.00 jadi acara kumpul Blogger akan dimulai" atau sebagai alarm plus pesan pengingat berguna. Ini adalah obat kekecewaanku setelah kemarin gagal menerapkan Countdown Timer Hari Raya yg di akibatkan kurangnya syncron antara Javascript yg satu dengan yg lainnya..
Selamat pagi, selamat menjalankan Ibadah Puasa..
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 sobat tertarik untuk menerapkannya di blog sobat. Silahkan ikuti langkahnya berikut ini.
  • Pada Dashboard Klik Tata Letak >> Add a Gadget >> HTML/Javascript.
  • Kemudian Copy paste  kode berikut ini dan untuk judul dikosongkan saja:
  1. <script type='text/javascript'>
  2. var now = new Date();
  3. var hours = now.getHours();
  4. // Jam 4 Sore - 6 Sore
  5. if (hours >= 16 && hours <= 18){
  6. document.write("Selamat menantikan berbuka Puasa");
  7. // Jam 7 Malam - 9 Malam
  8. } else if (hours >= 19 && hours <= 21){
  9. document.write("Selamat menjalankan Sholat Tarawih");
  10. // Jam 10 Malam - 2 Dini Hari
  11. } else if (hours >= 22 || hours <= 2){
  12. document.write("Kok belum tidur? udah malam bro..");
  13. // Jam 2 Dini Hari - 4 Dini Hari
  14. } else if (hours >= 2 && hours <= 4){
  15. document.write("Sahur! Sahur! Sahur!");
  16. // Jam 5 Pagi - 8 Pagi
  17. } else if (hours >= 5 && hours <= 8){
  18. document.write("Selamat pagi, semoga puasanya Lancar..");
  19. // Jam 9 Pagi - 3 Sore
  20. } else if (hours >= 9 && hours <= 15){
  21. document.write("Selamat menunaikan ibadah puasa, semoga amal ibadah kita di terima di sisi Allah SWT.");
  22. }
  23. </script>
Tinggal ditambah dan di modifikasi ya untuk jam yang lain, kalo masih bingung bisa tanya lagi untuk yg saya garis bawahi adalah pesannya.. Untuk mencobanya tanpa menunggu waktu tertentu bisa dengan merubah jam yg ada di Laptop atau PC kalian..

Selamat mencoba, Happy blogging semoga bermanfaat..
Suka Artikel? Bagikan: Facebook Twitter Google+

0 Comments

Berkomentarlah Dengan Sopan

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Statistik

Flag Counter

Label

  • Blogging
  • Css
  • jQuery
  • SEO
  • Template
  • Widget
Diberdayakan oleh Blogger.

Arsip Blog

  • ▼  2014 (41)
    • ▼  September (33)
      • Download Software Untuk Membuat Logo
      • Mengenal Google Sandbox dan Solusinya
      • Learning From Lost Link Opportunities
      • Cara Membuat Label Cloud Flat Keren
      • Responsive Jquery Modal Box
      • Google Tidak Menyukai Blog Spam dan Ini Cara Mengh...
      • 5 Cara Terbaik Membuat Pengunjung Berlama-lama di ...
      • Anizan Alternatif Google Adsense
      • Cara Menambahkan Tombol On Off Video Di Blogger
      • Template Blogger Thesisense SEO Friendly 2014
      • Jquery Image Crousel Slider For Blogger
      • Slider with thumbnails For Blogger
      • Cara membuat efek Rotasi + Shadow pada Gambar Blog
      • Tuama Minahasa Template Blogger Responsive
      • Sisense Blogger Template
      • Cara memasang Iklan Di Bawah Artikel/Postingan
      • Cara Proteksi CSS Menggunakan Base64
      • Daftar Peserta Kontes SEO TemplatePremium
      • Jenis Jenis Doctype
      • Template Minima Colored 2.1 Final
      • Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah
      • Related Posts Blogger : 6 in 1
      • Auto ReadMore dengan Gambar tanpa Javascript
      • Membuat Demo JSFiddle di Blog dengan JQuery
      • Iklan Gambar ala Google AdSense
      • Jquery Image Tooltip
      • Banned Spammer di Komentar Blog
      • Random Post Fast Loading
      • Menampilkan Pesan Pada Jam Tertentu
      • Apa Itu Backlink
      • You Comment I Follow
      • Anime First Responsive Blogger Template
      • CSS Sprite
    • ►  Agustus (8)

Mengenai Saya

Unknown
Lihat profil lengkapku
Copyright 2014 Tutorial Blogspot - All Rights Reserved
Template by Dino Desain - Powered Blogger