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
gimana cukup mudah kan cara membuat widget hutung mundul tahun baru 2016??
sekian Tutorial Membuat Widget Countdown Timer Tahun Baru 2016
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
3. Klik Simpan.
4. Lihat blog sobat jika berhasil maka akan muncul widgetnya pada posisi yang sobat tentukan<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.
gimana cukup mudah kan cara membuat widget hutung mundul tahun baru 2016??
sekian Tutorial Membuat Widget Countdown Timer Tahun Baru 2016
23 komentar
komentarHarus di coba nich gan,, thank yea, udah shared,,,
Replypasti langsung di pasang
gampang banget gan buatnya..masukan dikit buat blog ini..klo ada kode kyk gitu mendingan pasang syntax highlighter/pre code biar lebih jelas
Replywah thanks gan atas sarannya, maklum lah ane masih pemula gan
Replyemng tahun barunya jdi y bro?
Replywkkwwkw tahun kiamat 2012 aja lewat bro
Replyberserah sama Tuhan aja bro
thanks gan keren nih countdown timernya... mau dipasang di blog takut berat
Replytenang aja gan gak berat kok
Replyserius ga berat? ntar bikin pengunjung males betkunjung lagi..
Replynda berat kok gan
, load javascriptnya juga kecil aja dan menggunakan CSS untuk pemanis nya cek ajah sendiri . Reborn Games
Replymaaf oot mas, cara membuat block warna ungu itu bagaimana?
Replyjiah malah oot, namanya Syntax Highlighter gan silahkan cari di gugel
Replyhahaha ini mah buat 2016 gan udah lewat, ntar tahun baru ane post lagi dah
ReplyHmhm yang 2017 sangat ditunggu gan... jangan lupa ya tp ini ane bookmark dulu dah
Replyjiahahaha ngapa ditunggu gan
itu scriptnya tinggal diubah aja dari 2016 ke 17 
Replywah iya gan, script ini gak terbatas cuma buat tahun baru aja,
ReplyNICE IDEA
mantep, simple script nya
Replymantep scriptnya
Replytahun baru dah lewat nih :v
Replyngohahaha gile ente gan, setelah lewat bakalan datang lagi kok
ReplyIzin nyoba gan.
ReplyThanks tutor nya
wah patut dicoba nih gan, terima kasih gan share nya
Replyitu ntar bikin berat g gan pas loading ?
Reply