Kamis, 20 September 2012

Cara Memasang Widget Hari & Waktu di Blog

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 :
  1. Log In Blog atau Masuk di Sini
  2. Kemudian Masuk ke "Tata Letak" lalu klik "Tambah Widget"
  3. 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>
  4. dan Paste ke "Konten" yg ada HTML/Java Script tadi yg agan buka
  5. Kemudian Simpan dan Lihat Hasilnya. :)


    Itulah tadi Cara Memasang Widget Hari & Waktu di Blog Semoga Bermanfaat yah Kawan :)
    Jikalau Mau COPAS Harap Cantumkan Sumber !!!

Tidak ada komentar:

Posting Komentar

Sebelum Berkomentar Anda Wajib Baca Peraturan Terlebih Dahulu !!! :D

Peraturan :
- Dont Spam
- Dilarang Berkata Kotor
- Blog Ini Sudah Saya Setting Menjadi Dofollow

Silahkan Berkomentar
Just For Fun !!! ^_^

Jika anda telah melanggar peraturan, Komentar anda akan saya HAPUS