Membuat Salam Sambutan dan Jam pada Blog

Hore!!! Spanyol menang!!! Setelah mengalahkan Belanda 1-0 lewat sundulan kepala (?) dari Andres Iniesta!!!

Sudah cukup segitu intermezzonya. Sekarang langsung lari *eh* masuk ke pokok bahasan utama. Bagi para pengunjung blog pasti senang jika diperhatikan. Entah diperhatikan pendapatnya, komentarnya, ataupun sekedar kunjungannya diperhatikan. Nah, untuk memanjakan pengunjung, anda dapat memasang pesan selamat datang pada blog anda.

Kronologinya seperti ini. Pertama-tama ketika me-load halaman blog, kita akan ditanya username kita. Isi saja atau biarkan (dengan kalimat "guest") atau kosongkan.

atau...

Jika anda mengisi kolom tersebut, maka tulisan yang dicetak tebal akan berubah.

Tetapi jika anda membiarkannya atau mengosongkannya, maka tulisan yang dicetak tebal akan tetap "Guest".

*woy! gimane cara'e?* Gampanglah...

1. Login ke Blogger, lalu klik Rancangan > Elemen Halaman > Tambah Gadget > HTML/Javascript.

2. Untuk judul, sekarang mesti diisi, karena kalau tidak diisi akan menimbulkan error. Isi saja dengan "Sambutan" atau terserah anda. Intinya pada bagian isi, masukkan kode di bawah ini.

Halo <b><span id="name">Guest</span></b>!<br />
<script type="text/javascript">
//script untuk nama
nama=prompt('Nama anda', 'Guest');
//jika nama diisi...
if (nama){
document.getElementById('name').innerHTML=nama;
}
//jika nama tidak diisi/dibiarkan
else{
document.getElementById('name').innerHTML="Guest";
}
//script untuk jam
var jam=new Date();
var month= jam.getMonth();
var date= jam.getDate();
var day=jam.getDay();
var year = jam.getFullYear();
var hour=jam.getHours();
var minute=jam.getMinutes();
var second=jam.getSeconds();
var bulan;
var hari;
//memberi nama bulan
if (month==0){
var bulan="Januari";
}
if (month==1){
var bulan="Februari";
}
if (month==2){
var bulan="Maret";
}
if (month==3){
var bulan="April";
}
if (month==4){
var bulan="Mei";
}
if (month==5){
var bulan="Juni";
}
if (month==6){
var bulan="Juli";
}
if (month==7){
var bulan="Agustus";
}
if (month==8){
var bulan="September";
}
if (month==9){
var bulan="Oktober";
}
if (month==10){
var bulan="November";
}
if (month==11){
var bulan="Desember";
}
//memberi nama hari
if (day==0){
hari="Minggu";
}
if (day==1){
hari="Senin";
}
if (day==2){
hari="Selasa";
}
if (day==3){
hari="Rabu";
}
if (day==4){
hari="Kamis";
}
if (day==5){
hari="Jum'at";
}
if (day==6){
hari="Sabtu";
}
//untuk menambahkan angka 0 didepan angka detik dan menit...
//jika kurang dari 10
if (minute<10){
minute="0"+minute;
}
if (second<10){
second="0"+second;
}
//mendefinisikan ucapan selamat
if (hour>=6&&hour<12){
var selamat="pagi";
}
if (hour>=12&&hour<15){
var selamat="siang";
}
if (hour>=15&&hour<18){
var selamat="sore"
}
if (hour>=18||hour<6){
var selamat="malam"
}
//menuliskan pesan selamat dan jam
document.write('Selamat ' + selamat + '! Sekarang hari ' + hari + ', ' +
date + ' ' + bulan + ' ' + year + ', pukul ' + hour + ':' + minute + ':' +
second);
</script>

3. Lalu klik Simpan.

Oh ya, dengan menggunakan trik ini blog anda akan menjadi sedikit rada lola (loading lama). Jadi pertimbangkan lagi. Semoga bermanfaat.

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya