Sabtu, 09 Februari 2013

Tutorial Cara Menambah Gadged Jam Pada Blog

Posted by with No comments
Hai teman blogger semua..
Mungkin kalian ingin menampilkan jam di blog, biar blog terlihat lebih bagus dan lebih lengkap. tapi gak tau caranya ya. jangan bersedih, karena kali ini aku mau share tentang cara menambah jam pada blog.
caranya mudah banget kok, ikuti langkah langkah dibawah ini.


Pertama, buka blog kalian.
Trus pilih tata letak.

Klik tambahkan gadged.

Di pilihan menu gadged, pilih HTML/java script.

Trus di label judul, boleh kasih nama apa aja, sesuai yang temen temen inginkan, misal “Jam , Sekarang , Waktu Sekarang, Sekarang jam” atau apalah tesrerah. Soalnya itu cuma judul gadgednya aja.

Di sini aku menyediakan 4 pilihan yang berbeda, sekarang, kamu mau jam yang mana, silakan pilih sendiri.

Pada label konten copy-paste kan code dibawah gambar sang kamu pilih. INGAT, jangan sampe ada yang kelewat lho.

1. Pilihan Pertama, warnanya merah, bentuknya juga bagus dan elegan. mirip gadged windows 8.


<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=001&timezone=PST&color=red&size=150" /></iframe>

2. pilihan kedua, jam digital dengan warna hijau. cocok untuk anda yang tidak suka jam analog.



<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:40px;" src="http://www.clocklink.com/html5embed.php?clock=004&timezone=PST&color=green&size=120" /></iframe>

3. pilihan ketiga, jam analog dengan gambar imut.


<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:150px;height:150px;" src="http://www.clocklink.com/html5embed.php?clock=006&timezone=PST&color=blue&size=150" /></iframe>

4. pilihan keempat, jam dengan latar belakang transparant, sangat keren bro.


<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="trans010-black.swf";obj.TimeZone="PST";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>
jika code yang diatas tidak bisa, gunakan code yang ini:
<embed src="http://www.clocklink.com/clocks/trans010-black.swf?TimeZone=PST&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">


Kalo sudah klik simpan,
Sudah selesai. Mudah kan?
Sekarang cek, apakah sudah tersimpan di blog atau belum, caranya klik pratinjau (yang ada di kanan atas).

Semoga tutorial ini membantu.

0 komentar:

Posting Komentar