News Update :
KeluarJangan Lupa Klik Like Dan Follow ya!

Dapatkan info terbaru via Facebook. Silahkan klik LIKE / SUKA.

Powered By Blogger Widgets and Blogger Tutorials

Lagu

Radio Box

Free Shoutcast HostingRadio Stream Hosting

F.U.N Radio Player

Free Shoutcast HostingRadio Stream Hosting

Javascript Jam dan Tanggal (Membuat / Memasang Jam dan Tanggal dengan Javascript)

Selasa, 14 Agustus 2012

Cara Memasang Waktu / Jam dan Tanggal di Blogger Blogspot dengan Javascript

Membuat / Memasang Jam dan Tanggal dengan Javascript.
Adakah tampilan baru di blog sederhana ini? Betul sob,tanggal dan jam yang terdapat pada header blog seperti pada blog ini.

Script ini sengaja saya padukan dari berbagai script yang sebenarnya sudah bertebaran di serp paman Google.
Namun sebagai referensi semata tutorial ini sangat efektif dan tidak mempengaruhi dalam proses loading.

Adalah 'sebel' yang akan kita alamai saat memasang sebuah 'widget' dari pihak ketiga dan dalam waktu beberapa bulan saja widget yang kita pasang sduah tak bisa tampil karena 'pihak ketiga' yang bersangkutan sudah tak menyediakannya lagi.
Tapi,yaah,itulah resiko gan.

Tapi ada solusi jitu,kita dapat memasang script sendiri untuk menciptakan widget berupa jam dan tanggal,yup! dengan javascript sob.
Dan caranya pun sangat mudah,sobat tinggal pergi ke AC Hardware dan beli jam juga kalender disana,EH SALAH!!! maksudnya pergilah ke Dashboard lalu pilih Tata Letak / Design,pilih tab Edit Html dan contreng tulisan Expand Widget Templates:
jam tanggal jquery blogger blogspot.


javascript jquery jam tanggal tahun hari blogger.


memasang jam dan tanggal di blogger.


Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):
]]>

Setelah kode tadi sobat ketemukan,kini tepat diATASnya letakkan barisan kode css berikut:

.pelajaranblogareakeren {border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.pelajaranblogareakeren a {background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
Setelah itu simpan template ya sob.

Selanjutnya,kembali pergilah ke Dashboard lalu pilih Tata Letak / Design,pilih Add a Gadget dan pilih Html/Javascript seperti gambar berikut:

how to create a javascript jquery time and date blogger


javascript css jquery format tanggal dan jam blogger


Lalu sobat letakkan script tanggal dan jam untuk blogger berikut:






Simpan dan lihat hasilnya :D
Untuk kode yang berwarna hijau sobat sesuaikan sendiri sesuai selera dan keinginan,moga berhasil ya sob :D
Share this Article on :

0 komentar:

Posting Komentar

Signature

Tertanda,
Dewanji Wilajayangga

Jiez Share Comunity - Sharing Is Fun
Perum Situ gede
Jalan Anggrek Blok B-263
085223462560
dewanji_tsm@yahoo.com
http://jiez-ultimate.blogspot.com

IP Cheker

Sign by Danasoft - Get Your Sign

 

© Copyright Jiez Share | Ultimate Sharing System 2010 | Design by Dewanji Wilajayangga | Published by Borneo Templates | Powered by Blogger.com.