Widget Salam Otomatis Berdasarkan Waktu

Kali ini Saya coba buat salam berdasarkan waktu, misalnya, selamat pagi, terima kasih atas kunjungan anda---selamat siang, terimakasih atas kunjungan anda---selamat sore, terimakasih atas kunjungan anda, dan seterusnya. ucapan tersebut akan terinstal secara otomatis berdasarkan waktu bila anda atur pada scriptnya. nah untuk mengaturnya terserah anda, misalnya...selamat malam, malam-malam begini enaknya ngapain yaaa...hee:)...pokoknya terserah anda. 

cara pemasangannya :

1. Login ke akun Blogger

2. Pilih menu design atau rancangan

3. Pada page element pilih Add a Gadet

4. Pilih HTML/javascript

<script>
var Digital=new Date()
var hours=Digital.getHours()
if (hours>=5&&hours<=11) //pesan pagi hari (05.00-11.00)
document.write('<b>Selamat Pagi! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours==12) //pesan siang hari (12.00)
document.write('<b>Selamat Siang ! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=13&&hours<=17) //pesan sore hari(13.00-17.00)
document.write('<b>Selamat Sore! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=18&&hours<=20) //pesan petang hari (18.oo-19.00)
document.write('<b>Selamat Petang! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=21&&hours<=11) //pesan malam hari (20.00-23.00)
document.write('<b>Selamat Malam! Terima Kasih Atas Kunjungan Anda</b>')
else //pesan malam menjelang pagi (00.00-04.00)
document.write('<b>Wow, Sudah Larut Malam Anda Masih Sempat Berkunjung, Terima Kasih!</b>')</script>

6. Save dan lihat hasilnya
Warna Merah adalah keterangan waktu pesan, dan pesan akan berubah secara otomatis ketika memasuki waktu yang sudah di tentukan. Warna Biru adalah teks salam yang akan di tampilkan, silahkan robah menurut keinginan anda, yang penting jangan merubah  scriptnya nanti malah gak berhasil...

Efek Glow Pada Link

Efek Glow pada link adalah efek cahaya yang dipancarkan link ketika mouse didekatkan di link. Sehingga link menjadi mengeluarkan cahaya hijau disekitar link. Anda sudah lihat kan gambar diatas ?
Jika anda tertarik,  Berikut ini cara- caranya :

1. Login ke Blogger.

2. Ke menu design
3. Pilih edit Html  

 4.  Cari Kode yang mirip dengan ini

a:hover {

color:#C60; text-decoration:none

)

Pusatkan saja pencarian di kode a:hover {.  yang berdekatan dengan  a:link{  atau berdekatan dengan a:visited{

5. Ganti Kode diatas dengan kode dibawah ini 

 a:hover {color: #FFF;
text-shadow: 0 0 5px lime, 0 0 5px lime, 0 0 5px lime, 0 0 5px lime;text-decoration: none;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out
}

6. Klik Save Template dan lihat hasilnya.