Cumulus swf - flash

Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Tampilkan postingan dengan label Digital Clock. Tampilkan semua postingan
Tampilkan postingan dengan label Digital Clock. Tampilkan semua postingan

Trick Pasang Jam Digital di Header Blogger Template Designer

Jika pada beberapa saat yang lalu telah dibahas "Cara buat dan pasang jam digital di header blog" pada "Template Tata Letak", namun karena pada saat ini hampir semua blogger menggunakan "Blogger Template Designer (Perancang Template Blogger)", oleh karena itu agar lebih mudah dan cepat dipahami serta dapat segera terpasang di blog sampeyan, kita membahasnya sekali lagi.

D E M O

Buka link demo di bawah ini agar anda dapat melihat bagaimana jam digital ini mampu memberikan sensasi yang cukup menarik untuk sebuah blog.

Hidden Calendar-Clock Using CSS3-Javascript

Hidden Calendar-Clock adalah sebuah gabungan kerja antara kode CSS3 yang membentuk fungsi hide & show serta sebuah javascript sederhana pembangun Calendar-Clock. Posisi/letak Hidden Calendar-Clock dapat diatur di kanan-atas, kanan-bawah, kiri-atas atau di kiri-bawah blog. Calendar-Clock menampilkan secara lengkap hari, tanggal, bulan, tahun serta am/pm serta digital clock di ujung paling kanan. Pada demo akan diperlihatkan dimana calendar clock hanya akan terlihat ketika cursor berada di halaman blog. Hidden Calendar-Clock akan menghilang lagi saat anda berpindah ke halaman web/blog yang lain. Muncul dan menghilangnya Calendar-clock mempunyai jeda waktu 1 (satu) detik setelah cursor anda aktif ataupun meninggalkan halaman blog. Hmmm... seperti halnya kata pepatah, tong kosong nyaring bunyinya yang artinya banyak berkata-kata banyak pula muncrat air ludahnya, jadinya aku rasa lebih baik segera lihat saja demonya.
NB: Harap diperhatikan, karena keternatasan dhuwit dan tak mampu bayar hosting atau beli domain sndiri maka jika demo-1 tak bekerja sampeyan dipersilahkan buka demo yang ke-2! Oye?!

Cara Buat dan Pasang Jam Digital di Header Blog

Panduan dan Tutorial BloGGeR Cara Memodifikasi Blog :

Pasang jam pada blog sebenarnya sangat bermanfaat bagi blogger. Keasyikan saat posting atau "othak-athik" blog seringkali membuat blogger lupa waktu. Bagi yang lagi nggak punya tanggung jawab acara di keesokan harinya, sebenarnya sih nggak jadi masalah, tetapi ketika misalnya pagi harus "ngantor" atau punya "janji khusus", bisa-bisa semua jadwal jadi berantakan. Yanga lebih parah lagi : jangan-jangan justru "SK Pemberhentian Kerja" yang nongol. Untuk mengatasi masalah itu, akan sangat bijaksana seandainya kita pasang jam ditempat yang setiap kali terlihat di dalam blog kita. Disamping bermanfaat bagi "diri sendiri" tentunya juga akan jadi manfaat bagi para "petualang blog" yang juga sering lupa waktu ketika sudah mulai duduk di depan PC dan "jalan-jalan di belantara dunia maya. Oh..., ya... Satu hal yang dapat kita manfaatkan dari "pasang jam di bagian header" ini adalah : Wajah blog kita akan makin bertambah manis !!! Nggak percaya ?! Coba saja ...!

Cara pasanga jam di bagian Header :

Cara membuat Analog Clock dengan Background Animasi

Gambar di bawah adalah bentuk Analog Clock dengan Background Animasi



Silahkan langsung copy paste KODE dan simpan sebagai

Cara Membuat Blog Dilengkapi Jam Digital dilengkapi Hari dan Tanggal

Sangat cantik untuk melengkapi tampilan blog, terutama juga sangat efektif untuk mengingatkan waktu bagi diri sendiri atau pembaca blog karena ukurannya bisa dibuat dalam ukuran jumbo. Cara pasang di blog sangat mudah begitu pula KODE yang digunakan sangat simple. Untuk menggunakan jam digital ini cukup copy paste KODE CSS, Javascript dan bisa diletakkan di ruang Tata letak (Edit HTML) atau letakkan melalui prosedur tambah Gadget.

Masuk ke Tata Letak , Elemen Laman, Tambah Gadget, HTML/Javascript, Copy paste CSS dan Javascript kemudian KLIK SIMPAN.

Apabila proses penyimpanan KODE CSS dan Javascript dilakukan di ruang Edit HTML maka simpanlah

Digital Clock : Panduan dan Cara Membuat Jam Digital

Screenshoot Digital Clock :


Langkah pemasangan Digital Clock

  1. Login ke Blogger.
  2. Design (Rancangan)
  3. Elemen Laman (Page Element)
  4. Add Gadget (Tambah Gadget). Lakukan di bagian Sidebar (samping kanan atau kiri)
  5. HTML/Javascript.
  6. Copy paste KODE dan script.
  7. KLIK SAVE (Simpan)
  8. Open your Blog (Buka Blog) untuk melihat hasilnya.
Sampeyan bisa juga meletakkan KODE CSS di atas KODE ]]></b:skin> dan Javascript di bagian body di antara tag <body> dan tag </body>

KODE CSS dan Javascript - Digital Clock :

 
GR | Edited by | gubhug reyot