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 KODE CSS di atas KODE ]]></b:skin>, Javascript-1 di bawah KODE ]]></b:skin> dan Javascript-2 di bawah KODE <head>.
Untuk merubah ukuran font atau box jam digital, lakukan perubahan pada syntax :
Rubahlah pada font-size:35px; dengan ukuran yang lebih kecil.
Karena seluruh kode ada di demo, oleh karena itu silahkan buka demo-nya dan copy kode yang sertakan di sana.
D E M O
D E M O
Untuk melakukan pemasangan di Edit HTML sebaiknya lakukan pengamanan template terlebih dahulu. Caranya lihat di sini!
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 KODE CSS di atas KODE ]]></b:skin>, Javascript-1 di bawah KODE ]]></b:skin> dan Javascript-2 di bawah KODE <head>.
Untuk merubah ukuran font atau box jam digital, lakukan perubahan pada syntax :
.clock{
float:right;
text-align:right;
padding:10px 20px;
font-size:35px;
....
....
}Rubahlah pada font-size:35px; dengan ukuran yang lebih kecil.
Karena seluruh kode ada di demo, oleh karena itu silahkan buka demo-nya dan copy kode yang sertakan di sana.
D E M O
D E M O
Untuk melakukan pemasangan di Edit HTML sebaiknya lakukan pengamanan template terlebih dahulu. Caranya lihat di sini!
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - gubhugreyot «
