Sabtu, 14 Maret 2009

KALENDER PADA TAB BROWSER

Uffhh.. akhirnya.. setelah beberapa hari ini saya ga posting ILMU satu-pun.. akhirnya hari ini saya menulis posting juga !!
Ini adalah hasil dari beberapa kali eksperimen yang saya lakukan dari beberapa temuan kode javascript yang cukup membuat kepala nyut-nyut dan nyit-nyit !!tension dan "BUKAN karena KEBETULAN" pula, kode-kode tersebut akhirnya bisa digunakan untuk blogger/blogspot.
Nah... ditengah malam ini, saya akan memberikan satu Aksesori lagi (karena dari awal, komitmen saya adalah membuat blog dengan content Aksesoris).
Dan kali ini saya akan memberikan cara untuk "Menambahkan Penunjuk Waktu" yang berada pada tab browser seperti contoh disini atau disini, kelihatan ga? kelihatan lah !

Karena beberapa waktu yang lalu saya pernah mem-posting artikel tentang "Membuat tulisan berjalan pada tab browser" sudah pernah baca kan ? kalau belum silahkan anda baca disini atau disini.
Dan bagi yang berminat dengan tip's yang akan saya berikan ini, bisa langsung di praktekkan.

Seperti biasa silahkan anda masuk Account/akun Blogger anda==> Dashboard/dasbor==> Layout/tataletak==> Edit HTML ==> Centang "Expand template Widget"
Jangan lupa lakukan backup dengan cara "Download template lengkap" buat berjaga-jaga okay ?

Nah sekarang silahkan anda Copy kode-1 dibawah ini :

<script language="javascript">
<!-- Edited by: ANDREAS FAFANDREO at : 15th march 2009 -->
<!-- For Indonesia user only -->

<!--
var
month= new Array();
month[0]="Januari";
month[1]="Februari";
month[2]="Maret";
month[3]="April";
month[4]="Mei";
month[5]="Juni";
month[6]="Juli";
month[7]="Agustus";
month[8]="September";
month[9]="Oktober";
month[10]="November";
month[11]="Desember";

var
day= new Array();
day[0]="Minggu";
day[1]="Senin";
day[2]="Selasa";
day[3]="Rabu";
day[4]="Kamis";
day[5]="Jum'at";
day[6]="Sabtu";


today = new Date();
dtStr = today.getDate();
dyStr = (day[today.getDay()]);
mthStr = (month[today.getMonth()]);
yrStr = today.getFullYear();
gmt = today.toGMTString();
exp = gmt;

suf="";
if (dtStr==1 || dtStr==21 || dtStr==31) {suf="";}
if (dtStr==2 || dtStr==22) {suf="";}
if (dtStr==3 || dtStr==23) {suf="";}

date="Sekarang : " + dyStr + ", " + dtStr + suf + " " + mthStr + ", " + yrStr;

function sivamtime() {
now=new Date();
hour=now.getHours();
min=now.getMinutes();
sec=now.getSeconds();

if (min<=9) {
min="0"+min;
}
if (sec<=9) {
sec="0"+sec;
}
if (hour>12) {
hour=hour-12;
add=" p.m";
}
else {
hour=hour;
add=" a.m";
}
if (hour==12) {
add=" p.m";
}
if (hour==00) {
hour="12";
}

time = " - " + ((hour<=11) ? "0"+hour : hour) + ":" + min + ":" + sec
+ add;
document.title = date + time;
setTimeout("sivamtime()", 1000);

}

// -->
</script>

Lalu paste tepat dibawah kode :

<head>

Supaya ga bingung cari kode <head> silahkan gunakan CTRL+F okay ??

Nah.. setelah anda paste kode diatas, sekarang ikuti langkah yang ke-2 berikut ini :

Cari (Ctrl+f) kode dibawah ini :

<body>

Nah !! kalau sudah ketemu, lalu ganti kode <body> tersebut sehingga menjadi seperti ini :

<body onLoad="sivamtime()">

Nah kalau sudah diganti, silahkan anda lakukan "PREVIEW/pratinjau" terlebih dahulu.
Jika masih terdapat pesan error, itu berarti seperti biasa, anda harus mem-PARSE Kode-1 dahulu agar bisa diterima oleh abang Blogspot ya ?
Cara PARSE sudah pernah saya posting disini, atau anda bisa membacanya disini, atau anda bisa langsung menuju situs penyedia jasa PARSE dengan klik disini atau disini.

Nah kalau sudah di PARSE, silahkan anda copy kode hasil PARSE tersebut dan paste pada posisi yang sama. Dan lakukan Preview/pratinjau kembali. Jika anda sudah bisa melihat tab browser anda telah terisi oleh penunjuk waktu, berarti anda sudah berhasil, dan sepertinya sekarang anda sudah boleh untuk meng-klik tombol Save/simpan perubahan !

Oh ya hampir lupa, penunjuk waktu ini berlaku untuk Indonesia saja, karena Nama Bulan sudah berbahasa Indonesia kan ?
Akan tetapi jika anda ingin penunjuk waktu ini berbahasa inggris, silahkan anda ganti Nama-nama Bulan pada kode-1 diatas dengan bahasa inggris, kalau ingin menggunakan bahasa perancis, ya ganti aja pake bahasa perancis, atau kalau mo pake bahasa JIN, silahkan anda ganti juga pake bahasa JIN juga !!garupale

Silahkan dicoba ya ? karena posting berikutnya sudah mengantri untuk di muat... !!
Selamat ber-MALAM MINGGU-an saudaraku semua !!menari

2 komentar:

  1. ok bagus bagetz blognya nyobi mas mau buat asesoris yang seperti ini y!

    BalasHapus

Silahkan tulis disini dengan santai dan tertawa2 !!