Jumat, 22 November 2013

Cara Membuat Tampilan Hari dan Tanggal Dengan Javascript


By on 08.41

 Cara Membuat Tampilan Hari dan Tanggal Dengan Javascript
Dulu saya pernah posting tentang cara membuat jam digital dengan javascript atau liat gambar disamping diatas lingkaran merah, nah sekarang saya posting tentang membuat tampilan hari dan tanggal dengan javascript seperti gambar yang dilingkari, namun yang saya lingkari lupa tidak saya beri harinya, namun sobat jangan khawatir, saya akan kasih smua kode javascript tentang tampilan tanggal, sekaligus dengan harinya
nah hari da tanggal disini bersifat aktif, maksut dari aktif ialah setiap value / isi ganti maka widget ini otomatis merefresh sendiri tanpa refresh browser contohnya
mungkin sobat inetan saat sebelum tengah malam sekitar jam 23:58 maka disaat jam 00:00 widget akan berganti menjadi 00:00 sendiri tanpa merefresh web page

Oke tanpa lama** lagi langsung saja caranya :

  • login ke dashboard blogger anda
  • pilih tata letak -- > dan tambah gadget
  • pilih HTML/Javascript
  • Salin kode dibawah ke HTML/Javascript
<script type='text/javascript'>
window.setTimeout("hari()",0)
function hari(){
var namah = new Array("minggu", "senin", "selasa", "rabu", "kamis", "jum'at", "sabtu");
var namab = new Array("januari", "februari", "maret", "april", "mei", "juni", "juli", "agustus", "september", "november", "desember");
var tanggal = new Date();
setTimeout("hari()",0);
document.getElementById("dino").innerHTML =namah[tanggal.getDay()]+", "+tanggal.getDate()+" "+namab[tanggal.getMonth()]+" "+tanggal.getFullYear();
}
</script>
<div style="color : black;font-size: 12pt" id='dino'></div>
penjelasan :
 sebenarnya komposisi kode diatas bukan hanya javascript saja tapi dengan sedikit bahasa CSS, dan tentu HTML, kalau nggak ada HTML gak berguna

  1. kode yang berwarna hitam adalah warna dari tampilan tanggal, yang diganti adalah kata black diganti dengan kata warna yang lain seperti yellow, aqua, cyan, green, darkgreen dll
  2. kode yang berwarna biru adalah ukuran dari tampilan tanggal, value yang diganti adalah 12 pt, bisa diganti dengan angka yng lain sesuai dengan ukuran yang akan anda buat
  • setelah di salin pilih OK

About ARMAN SYAHPUTRA S.

I'm a Leader, Trainer, Entrepreneur, Composer, Organizer, Writer, Designer, and many more. Salam Kenal buat semua agan/aganwati, disini saya ingin berbagi pengetahuan kepada teman" semua. Hoby saya browsing,baca,bisnis.Silahkan add fb saya agar kita bisa silahturahmi dan berbagi ilmu pengetahuan

0 komentar:

Posting Komentar

WAJIB:
1. Pembaca yang budiman silahkan komentar disini dan saling klik/follow 'g+1' dan google plus ini akan bermanfaat untuk anda dalam membantu blog anda dan saya untuk meningkatkan traffic visitor+dollar adsense+backlink (PASTI)

2. Silahkan Masuk ke link ini Tukaran Link untuk saling tukar link

3. Berkomentarlah yang sopan , tidak mengandung SARA dan di larang NYEPAM atau memberi link aktif, semua komentar yang melanggar akan di hapus segera

4. DI LARANG COPAS TANPA MENYERTAKAN SUMBERNYA !!!