Membuat Perhitungan Waktu Mundur di Blog
- 1 January 2014
- Template Widget
- 54 komentar
Artikel ini terinspirasi dari blog +Kang Ismet, dimana beberapa jam sebelum pergantian tahun kemarin. Beliau sempat memasang sebuah widget perhitungan waktu mundur untuk menuju tahun 2014 di blog nya. Memang setelah itu beliau sempat membagikan tutorialnya. Namun script perhitungan waktu mundur (countdown timer) yang akan saya bagikan ini berbeda dengan yang di bagikan oleh kang Ismet. Kelebihan pada script ini, yakni kita bisa menentukan sendiri kapan waktu target yang kita inginkan serta setelah waktu target tercapai maka secara otomatis akan muncul kalimat baru yang telah kita atur sebelumnya.Untuk pemasangan script ini, silahkan copy kode dibawah ini kemudian pastekan kode tersebut kedalam widget baru (widget html/javascript).
<style type="text/css" scoped>
.waktu-mundur{margin-bottom:10px;max-width:800px;padding:18px 8px 18px 8px;font-size:250%;background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFk96Pe-ZoQjgqCagLlzCmlbyGHKCCWX0bsa2w0crDQMp1PeorWISAO2ikqZglKbYLtamzfOGimMNx0A0QmggSOcwn6U7v70tKT4kOZ5-g4CrcUwdaH_1puCAq7ReZwzUE9saeB5xEJQ/s200/wallpaper+2014.jpg) no-repeat right bottom;border-radius:5px;text-transform:uppercase;}
.warna{color:#D9D674}
.pergantian{font-family: Arial, Helvetica, sans-serif;text-shadow:2px 1px #FCFCFC;color:#EF5C5C}
</style>
<div class='waktu-mundur'>
<script type="text/javascript">
TargetDate = "1/1/2014 00:00 AM";
BackColor = "none";
ForeColor = "#FDFDFD";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "<span class=\'warna\'>%%H%%</span> Jam : <span class=\'warna\'>%%M%%</span> Menit : <span class=\'warna\'>%%S%%</span> Detik";
FinishMessage = "<span class=\'pergantian\'>SELAMAT TAHUN BARU 2014</span>";
</script>
<script type="text/javascript" src="http://scripts.hashemian.com/js/countdown.js"></script></div>- ForeColor digunakan untuk mengatur warna tulisan dasar.
- Untuk pemasangan jumlah hari saat perhitungan waktu mundur, maka cukup menambahkan
%%D%%. - Agar masing-masing tulisan terlihat berbeda warnanya maka digunakan perintah css pada span. Perlu di ketahui perintah penggunaan span class/id pada javascript harus ditandai dengan penggunaan garis miring (\).
http://www.hashemian.com/tools/javascript-countdown.htm
wah asyik juga ya kalau ada penghitung waktu nya. Cocok buat event tertentu, misalnya tahun baru, 17-san, dll :)
Mantap nih gan .. hehehe selmat tahun baru ya
Tahun barunya sudah kelewat tuh mas. Kira-kira buat apa lagi ya widget ini..
Perhitungan untuk menuju piala dunia mungkin? kan tinggal kita setting aja waktunya kapan, trs ganti backgroundnya dngn gambar bola di Brazil dsbgnya :)
iya mbak, tinggal sesuaikan saja sama kebutuhan hehe :)
selamat tahun baru juga gan :)
ah bisa dipake nanti kalo ulang tahun, atau mengingat hal yang penting sob :D
haha,, bisa sob.. terserah pemakainya aja lagi :)
selamat malam dan salam kenal, selamta tahun baru 2014, semoga ditahun ini kita semua diberikan kesehatan selalu dan dilancarkan semua usahanya amiin
kalau pasangnya kemarin pas banget mas, buat ngitung mundur pergantian tahun :)
Selamat malam, aminn.. terimakasih sudah berkunjung :)
Iya sih kang,, cuman ada 1 event yg bakal hadir di thn 2014 ini dan widget ini patut dipasang.. Mungkin akang suka permainan bola kaki? Nah, widget ini bisa di jadikan sebagai sebuah perhitungan waktu mundur untuk pertandingan piala dunia yg akan diadakan di Brazil :D
Waduh saya telat nich datengnya... taun barunya udahan :)
walah inni juga bisa untuk menunggu hari ultah juga ya mas.. ya sebagai pengingat gitu.. wah boleh nih di coba mas triknya hehehe terimakasih mas agri..?
bisa untuk count down piala dunia
mantap gan :D Keep Posting :)
Blogwalking Andrekocak Blog - Blog Cerita
wah tahun baru dah lewat nhh..
ini bisa buat tahun baruan kemaren bro.. tp sayang tahun baruannya udah.. buat event yg akan datang boleh juga nih gan.. :D
Wah kok hitungannya mundur gan tr g pusing apa liatnya :D
Hiihihihi telat sob, padahal saya juga mau pasang sebelum pergantian tahun heheheh, ntar tunggu tahun depan aja deh :D
udahan yah tahun barunya :D
selama t Tahun Baru mas, jadi gk perlu dihitung mundur lagi karena udah kelewatan :D
Udah mas,, cuman ini masih berguna jga buat perhitungan mundur menuju piala dunia hehe :D
Sebenarnya pengen bagikan kemarin wktu masang ini.. cuman saya tahan dulu, pengen jadikan artikel pertama di tahun 2014 ini.. boleh buat tahun depan, boleh buat event lainnya yg bakal hadir di tahun ini sob! :D
Ngapain pusing yg ngitung bukan kita kwkwkwk :D
iya bro,, buat event yg bakal hadir jga bsa. :D
Iya sob.. gk kerasa hari ini uda tahun 2014 aja.. makin tua dah kitanya hiks hiks
hehe,, sipp gan :D
iya sob, buat yg hobby bola bsa make ini. Sekalian meramaikan blognya utk pertandingan blog piala dunia bsk..
Iya mas Nady,, bisa utk menghitung wktu ultah mas Nady mungkin? hehe. Ntar kalo uda wktunya ceplok telor deh wkwkwk :p
Gak ada kata telat kalau disini kang :D
Kayaknya nunggu buat tahun depan aja sob :D
asik nih, misalnya kapan-kapan saya bikin quis bisa peka widged ini untuk penghitung mundur pengumuman pemenangnya, SELAMAT TAHUN BARU MAS :) salam dari bali
Bisa sob.. tinggal di set aja warna, waktu, background, dsbgnya.
Selamat tahun baru juga sob, salam juga dari Pekanbaru, Riau :D
Kalau di pasang sekarang jadi nya lama banget nih waktu mundurnya
Iya mas, makanya di suruh bookmark :D
Wah mantap nih .. sambil nunggu tahun 2015 ya gan xixixixi
ijin nyoba ya gan :-d
Ini nih yang aku cari hehehe :D
ahhah kelamaan tu masbrooo.. mending buat piala dunia aja,, kan event besar tu :D
ah,, yg bener...? :D
Mantap bener .. tapi jgn terlalu mundur sob ntar ..... !!hehe
ntar apa kang? jatuh? kalau itu aman kang,, uda pake spion ni xixixi
wkwkwk.. boleh lah idenya :D
Cepet bener ganti tampilannya :D
Katanya mumet maenan JS :p
haha,, mesti di buru kelar ni kemarin mas. Uda mulai perkuliahan soalnya -__-. Hampir seharin juga utk ganti sana sini nya huft =D
yg paham2 gk bakal mumet, yg sulit dimengerti baru dah :D
Selamat Tahun baru 2014 Sob, Sukses selalu
Selamat Tahun Baru juga sob,, amin..
Semoga sobat juga demikian ;)
Kayaknya keren nih hehe :D
Kayaknya gk juga hehehe :D
Nambah adem klo diliat tengah malem :D
Emang sih JS itu lumayan ruwet dipahami syntaxnya
makasih mas
keren sekali :-)
Terima kasih mas.. :)
unik juga ya, kayanya saya belum pernah lihat ada pemasangan gadged yang seperti itu,.bali kali ini, ijin copas kode scriptnya ya..makasih
infonya bagus sob boleh juga tuh untuk dicoba. salam perkenalan, Datang kemari sambil menawarkan vcd pembelajaran untuk anak2, barangkali punya saudara, adik, keponakan, atau mungkin anak yang masih kecil, vcd ini sangat cocok untuk mendidik dan membangun karakter anak sejak dini, semoga bermanfaat trm ksh ^_^
Terima kasih ya gan
Show Emoticon