15 April, 2009

Menampilkan Realtime pada Blog

Waktu adalah uang, itu menurut pepatah lama. Ada juga yang bilang waktu adalah pedang. Jadi jika kita tidak pandai memanfaatkannya maka akan membunuh kita sendiri.

Untuk menampilkan waktu realtime di blog sudah banyak script gratisan yang beraneka ragam macam dan bentuknya. Tapi biasanya blog jadi lebih berat karena dalam bentuk flash. Kalau pengen yang ringan ya seperti di bawah ini :D . Ini sebenere juga script colongan, tapi entah darimana saya lupa. Dulu waktu ambil ga sempet nyimpen link nya. Cuma saya edit sedikit.

Ya sudah, langsung saja. Untuk menampilkan jam dan tanggal pada blog, silakan copy kode di bawah ini:
<script src='http://tawon.songolas.googlepages.com/jamtanggal.js' type='text/javascript'></script>
dan taruh dimana saja, asalkan di bawah tag <body>. Boleh juga ditempatkan di sidebar.

Ada 4 macam tampilan, silakan dipilih:
1. Jam saja

http://tawon.songolas.googlepages.com/jam.js

2. Hari dan tanggal saja

http://tawon.songolas.googlepages.com/tanggal.js

3. Jam dan tanggal 1.0 (satu baris)

http://tawon.songolas.googlepages.com/jamtanggal.js

4. Jam dan tanggal 2.0 (2 baris)

http://tawon.songolas.googlepages.com/jam_tanggal.js

Tinggal ganti saja URL http://tawon.songolas.googlepages.com/jamtanggal.js dalam script di atas dengan URL sesuai dengan pilihan anda dan simpan. Jika ingin mengatur ukuran huruf, warna, background dan yang lain tinggal menambahkan kode CSS misalnya seperti berikut:


.waktu {
background:#fff;
padding: 3px 7px;
color: #000;
float:right;
font-size:12px;
font-weight: bold;
border:1px dotted #cfcfcf;
}

Silakan diedit sesuai keinginan. Jika masih bingun dengan kode warna, baca lagi posting saya sebelumnya. Taruh kode CSS tersebut di atas tag ]]></b:skin> . Kemudian scriptnya dirubah seperti berikut:
<div class='waktu'><script src='http://tawon.songolas.googlepages.com/jamtanggal.js' type='text/javascript'></script></div>


Simpan dan silakan lihat hasilnya :)

14 komentar:

  1. hmmmm... bukana d blog kita uda ada jam posting dan tanggal postinganna mas? kenapa harus pake script2 ky gt segala :-?

    BalasHapus
  2. oiya..ya...

    udah aku edit :D

    maksudnya itu waktu secara real time gitu.
    seperti di kanan atas pada blog ini..

    BalasHapus
  3. berarti kita harus naroh lagi dit4 hostingan buat scriptnya yah mas...kecepatannya loadnya tergantung t4 kita naroh scriptnya dong yah?

    BalasHapus
  4. ndak berat kuwi??
    *bingung meh ditaroh mana...

    BalasHapus
  5. @bayu: baiknya memang upload scriptya di hosting sendiri, tapi kalau mau pakai itu ya tidak apa2..

    @jo-rock: enteng kok Jo, ga sampai 1kb


    update!untuk jam realtime akan berfungsi ketika kita merefresh halaman..

    BalasHapus
  6. sip kapan-kapan ntar di praktekkan....

    BalasHapus
  7. maksutnya pojok kanan yg mana mas? kayak punyaku dong tanggalannya. msh bingun nih...

    btw, blognya rapih, saya suka...

    BalasHapus
  8. yup sy jg dah pake tuh diblog atunya lagi

    BalasHapus
  9. iya nih..
    kan udah ada di bloggernya..

    BalasHapus
  10. hmm....
    sepertinya masih ada yang belum ngerti dengan bahasa saya ya..
    realtime pada blogspot itu adalah ketika kita posting blog/komentar. setelah itu maka waktunya tidak akan berubah. tapi real time yang dimaksud di sini bisa berubah (jam) tiap kita refresh halaman atau berubah (tanggal) tiap harinya sesuai waktu setempat..

    BalasHapus
  11. mantap,,,waktu itu penting banget

    BalasHapus