Cara Membuat Countdown Timer Tahun Baru 2016 di Blog

Selamat malam gan :D kali ini ane mau share cara membuat dan memasang widged countdown timer tahun baru 2016 tenang aja gan tinggal copy paste kodingnya aja (Y)


Cara Membuat dan Memasang widget Countdown Timer Tahun Baru 2016 di Blog ada juga yang menamainya cara membuat widget hitungan mundur menuju tahun baru 2016

baikalah akan saya berikan script html untuk ditempatkan di widget sobat
silahkan simak tutorial berikut ini
1. Silahkan menuju ke Tata Letak > Tambah Gadget lalu pilih HTML/Javascript
2. Masukkan kode gadget hitungan mundur menuju tahun baru di bawah ini ke dalamnya

<style type='text/css'>
/* Widget Hitungan Mundur Tahun Baru 2016 by anetamfan.blogspot.com */
#Mundur {background: #22313F;
color: #65C6BB;
font-family: "Roboto Slab",Arial,sans-serif;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 15px 10px;
font-weight: 500;cursor: default}
.teks {color:white}
#Mundur a{color:#65C6BB}
</style>
<div id='Mundur'>
<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, 2016").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> <a href='http://anetamfan.blogspot.com/' target='blank'><br>2016</br></a>";

}, 1000);
//]]>
</script>



3. Klik Simpan.
4. Lihat blog sobat jika berhasil maka akan muncul widgetnya pada posisi yang sobat tentukan

gimana cukup mudah kan cara membuat widget hutung mundul tahun baru 2016??
sekian Tutorial Membuat Widget Countdown Timer Tahun Baru 2016

W gans banget gan, thank you.

Share this

Related Posts

23 komentar

komentar
23 Desember 2015 pukul 21.58 delete

Harus di coba nich gan,, thank yea, udah shared,,,

pasti langsung di pasang

Reply
avatar
23 Desember 2015 pukul 22.01 delete

gampang banget gan buatnya..masukan dikit buat blog ini..klo ada kode kyk gitu mendingan pasang syntax highlighter/pre code biar lebih jelas

Reply
avatar
23 Desember 2015 pukul 22.07 delete

wah thanks gan atas sarannya, maklum lah ane masih pemula gan

Reply
avatar
24 Desember 2015 pukul 14.50 delete

emng tahun barunya jdi y bro?

Reply
avatar
24 Desember 2015 pukul 16.26 delete

wkkwwkw tahun kiamat 2012 aja lewat bro
berserah sama Tuhan aja bro

Reply
avatar
26 Desember 2015 pukul 22.39 delete

thanks gan keren nih countdown timernya... mau dipasang di blog takut berat

Reply
avatar
27 Desember 2015 pukul 20.56 delete

serius ga berat? ntar bikin pengunjung males betkunjung lagi..

Reply
avatar
30 Desember 2015 pukul 01.04 delete

nda berat kok gan , load javascriptnya juga kecil aja dan menggunakan CSS untuk pemanis nya cek ajah sendiri . Reborn Games

Reply
avatar
7 Januari 2016 pukul 07.59 delete

maaf oot mas, cara membuat block warna ungu itu bagaimana?

Reply
avatar
7 Januari 2016 pukul 08.05 delete

jiah malah oot, namanya Syntax Highlighter gan silahkan cari di gugel

Reply
avatar
7 Januari 2016 pukul 08.15 delete

hahaha ini mah buat 2016 gan udah lewat, ntar tahun baru ane post lagi dah

Reply
avatar
7 Januari 2016 pukul 08.20 delete

Hmhm yang 2017 sangat ditunggu gan... jangan lupa ya tp ini ane bookmark dulu dah

Reply
avatar
7 Januari 2016 pukul 08.28 delete

jiahahaha ngapa ditunggu gan itu scriptnya tinggal diubah aja dari 2016 ke 17

Reply
avatar
7 Januari 2016 pukul 08.29 delete

wah iya gan, script ini gak terbatas cuma buat tahun baru aja,
NICE IDEA

Reply
avatar
7 Januari 2016 pukul 23.08 delete

ngohahaha gile ente gan, setelah lewat bakalan datang lagi kok

Reply
avatar
10 Januari 2016 pukul 06.48 delete Komentar ini telah dihapus oleh administrator blog.
avatar
13 Februari 2016 pukul 21.10 delete

wah patut dicoba nih gan, terima kasih gan share nya

Reply
avatar
13 Februari 2016 pukul 21.18 delete

itu ntar bikin berat g gan pas loading ?

Reply
avatar

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
cheer