Langsung ke konten utama

Widget Jam Hitung Mundur/Countdown 2015 di Blog



Tak terasa tahun 2014 sudah mau meninggalkan kita, banyak peristiwa yang datang tanpa kita mengiranya sebelumnya baik itu suka maupun duka. Memang, moment moment di tahun 2014 harus kita ingat dan pada tahun baru 2015 kita harus mengubah diri untuk lebih baik lagi :). Resolusi saya di tahun 2015 adalah LULUS UN dengan nilai yang memuaskan (diatas 8,0 lah yaa :3)  #ah kebanyakan ngoceh haha :v . Cekidot 



Tutorial step by step :

1. Copy kan kode berikut ini di HTML/Javascript sobat (Blogger → tata letak → tambah gadget → html/ javascript)

<style type="text/css" scoped="scoped">
#tahunbaru2015 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="tahunbaru2015">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jan 1, 2015").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
  
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
  
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
  
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju Tahun</span> 2015";

}, 1000);
//]]>
</script>
2. Setelah copy paste, klik simpan template. Kini telah terpasang jam hitung mundur tahun 2015 nya :D

Semoga bermanfaat ya sob :) 

Komentar

  1. Sep nih.. nice post.. dan 1 lagi ane mau tanya klo udh tahun 2015. widgetnya non aktif ato gmn? >> kunjungi blog ane y http://gerombolan-tips.blogspot.com/

    BalasHapus
    Balasan
    1. kayak nya gak aktif sob, soalnya kan countdown tahun 2015. pas tahun baru keknya ada surprise gitu dari widgetnya :D. menuju tkp :D

      Hapus
  2. Gan maaf nanya lagi, ternyata setelah ane mau pasang itu gk bisa.. waktu mau simpan itu keluar tulisan javascript:void(0) gitu gan.. solusinya gmn ya?

    BalasHapus
    Balasan
    1. udah diperhatiin kodenya sob? ada yg salah ga? dicoba lagii

      Hapus

Posting Komentar

Silahkan tinggalkan komentar, mari berdiskusi

-Muhammad Afif

Postingan populer dari blog ini

Review: Gatsby Styling Pomade Supreme Hold, Gaya Pompadour!

Kayaknya udah gak perlu lagi ya gue jelasin panjang lebar tentang barang yang satu ini. Sebuah benda yang telah menjadi barang penting bagi kaum adam modern. Abis mandi keringin rambut pake handuk, tinggal pake deh barang yang satu ini. Pomed sih gue nyebutnya. Ah percuma juga kalo gue jelasin lebih dalam lagi. Yuk langsung ajadeh gue review. Kali ini gue akan menuliskan review Pomade dari Gatsby, yang sebelumnya gue juga pernah menulis review tentang pomade keluaran Gatsby. Ya ini adalah kedua kalinya gue akan mereview pomade. Pomade emang barang penting bagi cowok-cowok sosialita (gak cewek aja yang sosialita) pada jaman sekarang. Rasanya kalo siap mandi gak pake ini ada yang kurang gitu. Nah alasan mengapa cowok-cowok banyak make pomade adalah karena ingin rapi a.k.a klimis. Kalo rambut udah di pakein sama pomade, berantakan sedikit, tinggal keluarin sisir dari saku celana, sisir deh, dijamin klimis lagi! Baca juga  Review Gatsby Styling Pomade, Supreme Grease

Review Produk: Gatsby Styling Pomade

Hello gans, assalamu'alaikum ^-^ Gimana kabarnya? Sehat? Alhamdulillah deh kalo gitu. Kali ini gue bakalan nulis hal yang gak biasa banget gue tulis di blog. Postingan ini anti mainsentrum (baca mainstrim) banget deh. Soalnya kenapa? Gue bakalan nge-review alat gaya rambut (alaah bahasa gue), yang lagi nge-trend saat ini. Yak, Gatsby Styling Pomade! Oh ya sebelum gue lanjut nge-review, ini adalah pertama kali gue nge-review suatu produk, jadi kalo ada yang kurang dari penilaian gue, mohon maaf aja yak, wajarlah masih nubie dalam dunia per-pomadean. HAHAHA! *** Yuk daripada ketawa jadi gila, mari kita review merk pomade yang made in Indonesia ini : Pertama, produk ini di produksi oleh PT. Mandom Indonesia, well produk ini asli Indonesia. Inilah salah satu cara gue mencintai negara sendiri dengan membeli produk buatan dalam negeri. *Ceilahh*. Awal pertama kali gue tau pomade ini, ada temen gue yang make pomade ini, lalu dia merekomendasiin gue buat make, lal

Youtubers Indonesia Favorite Gue

Whats up? Pada kali ini... Sebelum gue melanjutkan, gue denger-denger lagi ada teror di ibukota Prancis, Paris ya. Katanya ada teror bom gitu di sekitar kota Paris. Semoga gak ada apa-apa dan WNI yang ada di sana gak kenapa-kenapa dalam keadaan sehat wal'afiat. Amin... #PrayForParis *** Youtube. Ya, Salah satu platform yang digunakan banyak orang untuk mengunggah video-video yang dibuatnya. Siapa pun, umur berapa pun, dan gak kenal status, dapat menguggah video terbaiknya ke Youtube. Asal punya akses internet *yaiyalah*. Lambat laun, perkembangan Youtube sangat cepat sekali. Mulai dari video pertama yang ada di youtube yang berjudul "Mee at the zoo" yang diunggah oleh nama pengguna "jawed" yang sekaligus salah satu pendiri Youtube, Jawed Karim , dan hingga saat ini, mungkin bisa ditaksir ada jutaan lebih video yang ada di Youtube. Wow. Bicara tentang video yang ada di youtube, tentu dibaliknya ada seorang pengunggah video tersebut. Ada berbagai macam