Cara Membuat Jam Saat Ini dengan Javascript
http://nandarious.blogspot.com/2013/07/cara-membuat-jam-saat-ini-dengan.html?m=1
Assalamu'alaikum sahabat blogger, Nandarious kembali berbagi tutorial blog nih :D setelah kemarin berbagi tutorial blog tentang Cara Membuat Catatan Kaki Artikel di Blog, namun kali ini tentang Cara Membuat Jam Saat Ini dengan Javascript. Kenapa disebut jam saat ini, karena jam, menit, detik nya sesuai dengan jam yang ada di PC kalian. untuk demo nya bisa dilihat di blog ini.
5. Tambakan CSS dibawah ini tepat diatas ]]></b:skin>
Oke cukup sekian tutorial kali ini, semoga bermanfaat :)
Sumber : De5ain Blog :)
Untuk yang tertarik memasang Javascript ini, ikuti tutorial dibawah ini:
1. Login ke Blogger kalian masing-masing
2. ditampilan Dashbord klik Template => Edit HTML
3. Tempatkan kode dibawah ini, tepat diatas </body>
<script type='text/javascript'>
window.setTimeout("hour()",1000);
function hour() {
var date = new Date();
setTimeout("hour()",1000);
document.getElementById("jam").innerHTML = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
}</script>
4. Tempatkan kode <span id='jam'></span> sesuai yang anda mau .5. Tambakan CSS dibawah ini tepat diatas ]]></b:skin>
#jam {color: #fff;font: 18px Oswald;margin-bottom: 0px;float: right;margin-right: 13px;}
Note : Kode CSS diatas kode jam punya saya, silakan seseuikan kode CSS tertsebut dengan template sobat :)Oke cukup sekian tutorial kali ini, semoga bermanfaat :)
Sumber : De5ain Blog :)
widih ,, keren :D
ReplyDeletehahaha :D thanks ya gan :)
Deletesiipphh mas ,, :D
Deletemaaf mas OOT disini ,, tau nggk kenapa kotak komentar.ku kok nggk mau muncul emoticonnya ??? ;((
pantesan diblog agan, ada 2 jquery. hapus 1 jquerynya gan :)
Deleteohh iya mas ,, udah muncul ,, tpi jquery
Deleteajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js
saya juga butuh.e mas ??? apa diambil kodenya trus disimpen di google code bisa ??? dan nggk ngaruh kan ???
yaudh yg dihapus jquery yang 1.8 aja :D
Deleteiya keren seh, tapi sy belum bisa pasang yg lain dulu, mesti fokus pasang kotak komentar, udah dua hari ngubek2, gak bisa2
Deletehahaha sabar gan :D emang kotak komentarnya knapa?
Deleteklo di hapus emoticon komentarnya ngk muncul dong mas ??? :) ,,
Deletemuncul gan :)
Deletetakut nggk berhasil mas :) saya ganti dgn jquery 1.7.1 dan emonya jg saya ganti dari dte ,, takut nggk muncul klo dari mdf ,, tolong di cek mas :D ... hehehe
Deletemenurut saya emoticon dari MKR ini selalu muncul apabila diblog tersebut ada 1 jquery. saya pake jquery 1.7.2 ini muncul gan :)
Deleteowh iya saya tadi liat, emoticon backgroundnya biru ya :D
hehehe iya mas ,, sekarang sudah seperti biasa :D ... dan sudah bisa semua mas :) terima kasih untuk saran-sarannya yah ??? :-d hehehehe
Deleteoke oke sama2 :)
DeleteTinggal copy dan vaste kodenya langsung jadi Mas,thks ini Mas :)
ReplyDeleteoke gan :))
Deletegan, bikin slider kayak punya agan tu gimana :)
ReplyDeletenanti di post :D kalo dikomentar script nya terlalu panjang
Deletetambah keren templatenya @-)
Deletethanks gan :) blog agan juga bagus :))
DeleteOkey, thanks....nice shared, Sob!
ReplyDeleteok kang :)
DeleteSiip infonya
ReplyDeletesama2 gan :)
Deletemantabb (h)
Deleteoke deh :)
DeleteKolom komentarnya ngumpet :) nice share sob
ReplyDeletehehe iya kang :D biar cepet loadingnya :p
DeleteTambah ilmu lagi nih..
ReplyDeleteMksh infonya mas :)
sama2 gan :)
Deleteboro2 mau buat jam, sy masih kesulitan buat kotak komentar di blog. awalnya pake kotak komentar blogger, setahun pake intensedebat, terus ganti pake google+, eh sekarang kok sy gak bisa munculkan kotak komentar bawaan blogger. tolongin sy dong nan
ReplyDeleteganti aja gan templatenya :D
Deleteada tutorialnya di DTE mas ,, yg komentar google+ itu ,, nah disitu sebelum tutorial ,, ada kode untuk komentar .... cek aja :D
Deleteudah dikasih tau tuh mas :-d bilang apa? Makasih :D hehe
Delete:D wkwkwkwkwk ....
Deleteizin nyimak sob
ReplyDeleteane belum paham beginian
oke mbak :) gpp :-d
DeleteMantap nih mas bro,,, untuk mempercantik tampilan blog. Oh iya, sekedar saran gambar outer-wrapper yang warna biru kurang match dengan template ini yang dominannya warna merah hati. Coba ganti dengan warna merah hati juga tapi yang opacity-nya kurang dari 90%. Kayaknya lebih cocok... CMIIW
ReplyDeleteoke deh gan :) makasih ya buat masukannya :))
DeleteCakep bener mas ... :D
ReplyDeletesipp deh :)
Deleteweh mantap mantap jam nya.
ReplyDeletethanks gan :))
Deletewuih keren ....tapi saya nunggu cara bikin temlate yg keren. :d
ReplyDeletehahaha :D mau yang kaya gimana gitu mbak indah? :))
Deleteemm boleh boleh.sip
ReplyDeleteoke deh :D
DeleteArtikelnya keren, patut dicoba ni. (o)
ReplyDeleteoke makasih gan udah mampir :)
Deletewah ane ng suka make javascript sob soallnya lebih berat :)
ReplyDeleteowh gitu ya gan, oke deh :))
Deletekeren sob,,
ReplyDeleteditunggu visit backnya
oke segera meluncur gan :)
Deletegk pake demo ni sob?, bukan demo mahasiswa maksdx :>)
ReplyDeletehayo ketahuan ga baca teliti ya :-d
Deletedemonya udah ada di blog saya gan :)
bikin berat gk nih mas :)
ReplyDeletenggak juga gan :)) lihat demonya diblog saya :-d
Deleteasik nih kalau di pasang di blog... tapi mamang belum berani buka daleman blog... hadooooh
ReplyDeleteemangna kunaon kitu mang? :))
Deletecss + javascrip ya.. okdeh, kapan-kapan di coba :D .
ReplyDeleteoke deh :)
Deleteitu jamnya ga pake PM AM :-) .. `.
ReplyDeletengga mbak :D biar terlihat simple aja :)
Deleteyang penting bisa lihat waktu ya sob..
Deletepokoknya mantap sobat
oke kang :) makasih sudah mampir :D
Deletewalaah walah.. mantap bgt nih , jdi mau coba pasang nih.. hehe :))
ReplyDeletetapi lain kali aja deh.. udah ga ada tempat soalnnya diblog sayanya mas @-)
hahaha oke gan :)
DeleteKelihatannya kurang code penutup di javascript nya mas.. :)
ReplyDeleteowh iya gan.. maaf.. tapi postingan udah diperbaiki :)
Deletewah ini tutorial yg bagus dan berguna sobat
ReplyDeletetrims sudah berbagi
sama2 kang :)
DeleteManteb deh (h)
ReplyDeletethanks gan :)
Deletemantap gan, ente berbakat.
ReplyDeletehahaha bisa aja gan :))
Deleteliat komentar di atas, malah ngomongin kotak komentar? padahal topiknya jam wkwkwk
ReplyDeletehehe biasa gan :)
Deletehihihi...mantap boss jamnya, kapan-kapan mau coba.
ReplyDeleteterima kasih sudah berbagi, salam.
oke gan.. sama2 :)
Deleteoke gan :) semoga berhasil :)
ReplyDeletewah, bagus tuh, biar ntar dipasang di blog mistik saya mas
ReplyDeletehahah oke deh mbak :)
Deletebuat ngingetin kita biar gk kebablasan blogging.. :)
ReplyDeletehahha bisa juga si :p
Delete