Devilz666 - Halo Sobat... Jumpa Lagi Dengan Saya "
Devilz666", Kali Ini Saya Akan Mem'Posting Bagaimana Cara Menambahkan Widget Hari & Waktu di Blog. Untuk Screen Shotnya Bisa Dilihat di Bawah Ini :
|
Yang Saya Berikan Kotak Warna "Merah" Itu Contohnya |
Tutorial :
- Log In Blog atau Masuk di Sini
- Kemudian Masuk ke "Tata Letak" lalu klik "Tambah Widget"
- Cari "HTML/JavaScript" dan Copy Kode ini :
<div class='widget-content'>
<div style="color:#ff0024;">Hallo <b><span id="name">Kawan</span></b>!<br />
<div style="color:#00FF00;">
<script type="text/javascript">
//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></div></div>
</div>
- dan Paste ke "Konten" yg ada HTML/Java Script tadi yg agan buka
- Kemudian Simpan dan Lihat Hasilnya. :)
Itulah tadi Cara Memasang Widget Hari & Waktu di Blog Semoga Bermanfaat yah Kawan :)
Jikalau Mau COPAS Harap Cantumkan Sumber !!!
Title : Cara Memasang Widget Hari & Waktu di Blog
Description : Devilz666 - Halo Sobat... Jumpa Lagi Dengan Saya " Devilz666 ", Kali Ini Saya Akan Mem'Posting Bagaimana Cara Menambahkan Wid...