Cara Menampilkan Hari , Waktu Dan Tanggal di Blog Dengan JavaScript

Cara Menampilkan Hari , Waktu Dan Tanggal di Blog Dengan JavaScript

Tak jarang ketika kita berselancar di internet, atau sedang nongkrong di berbagai media online (terutama forum), mendengar suatu istilah yang terdengar asing tapi menarik, yaitu javascript atau disingkat JS.

Apa itu Javascript? Semacam mantra pelet kah ??
Menurut wikipedia.org , JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Google Chrome, Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. JavaScript merupakan salah satu teknologi inti World Wide Web selain HTML dan CSS. JavaScript membantu membuat halaman web interaktif dan merupakan bagian aplikasi web yang esensial.

Sejarah Javascript


Seperti yang telah saya baca dari Wikipedia, JS (kita sekarang nyebutnya JS aja biar ngirit) dikembangkan oleh Brendan Eich dari Netscape di bawah nama Mocha , dulu namanya bukan Javascript melainkan Livescript. Entah saya ngga tau alasannya kenapa kok namanya diganti menjadi JS.

Cara Pertama untuk Menampilkan Hari dan Tanggal di Blog


1. Dashboard > Layout

2. Page Element

3. Klik salah satu Gadget

4. Pilih HTML/Javasript

5. Masukkan kode berikut ini:


<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu,","Senin,","Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>

Hasilnya :

Biar lebih menarik bisa juga ditambahkan border.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; backgroud-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">
<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Ahad,","Senin,","Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script></div>

Hasilnya setelah dipoles dengan border :

Setelah itu, save widget blog kamu.

Kemudian periksa sekarang, website atau blog Anda sekarang sudah memiliki widget waktu dan tanggal dengan menarik yang tentunya akan membantu pengunjung juga serta untuk memberikan desain yang menarik bagi website atau blog Anda.

Cara Kedua untuk Menampilkan Hari dan Tanggal di Blog

Untuk cara yang kedua ini kalian mengedit melalui template / tema blog. Kode scriptnya sama dengan diatas , tapi untuk penempatannya sesuaikan dengan template kalian sendiri-sendiri. Misal , di bawah header.

Jika masih bingung , monggo ditanyakan :)

Anda mungkin menyukai postingan ini

Posting Komentar