Haloo sobat media2give^^ Pada kesempatan kali ini saya akan membahas informasi menarik soal Cara Pasang Widget Hitung Mundur (Countdown) Tahun Baru.Sebentar lagi tahun baru akan tiba,tinggal menunggu waktu sampai kita memasuki tahun yang baru.Biasanya kalau akhir tahun begini orang-orang banyak yang menghabiskan waktu untuk berlibur/jalan-jalan dan berwisata mengunjungi objek wisata domestik maupun luar negeri.Kalau budgetnya terbatas sih,enakan berlibur di dalam negeri aja ya,lebih murah.
Tapi jika punya dana lebih,mencoba datang ke tempat wisata di luar negeri akan jadi sesuatu yang menyenangkan,apalagi jika di temani keluarga,orang-orang terdekat dan pasangan (buat yang udah punya hehehe).Momen akhir tahun ini akan di tutup dengan pesta besar.Dimana-mana orang-orang menyiapkan perayaan besar untuk menyambut tahun baru.Acara hiburan pun menghiasi akhir tahun,entah itu musik atau yang lainnya.Di TV kita bisa melihat konser besar saat tahun baru.Tak lupa ada juga kembang api dan terompet untuk memeriahkan suasana.
Related Posts:
1 tahun telah berlalu dan beragam hal telah terjadi.Kedepan,kita pasti punya resolusi dan target yang mau di capai untuk tahun depan,tentunya disertai doa agar terkabul ya.Nah,yang paling di tunggu-tunggu dari perayaan tahun baru adalah detik-detik untuk masuk ke tanggal 1 Januari,karena disitulah detik-detik berharga yang menandai bahwa perjalanan hidup selama di tahun ini telah usai dan berlanjut ke tahun berikutnya.Waktu menghitung mundur,seringkali kita melihat Countdown Timer yang sudah di set sebelumnya.
Ternyata Countdown Timer tidak cuma dipakai di dunia nyata saja,Bagi mereka yang memiliki situs pribadi alias blog,bisa juga ikut menggunakan Countdown Timer ini.Yah,itung-itung buat ikut dalam menyambut tahun baru ya.Caranya adalah dengan memasang widget hitung mundur (Countdown) di blog.Setelah di pasang nanti akan terlihat sisa waktu yang dimiliki untuk masuk ke tahun baru.Lumayan kan kalau di pasang,bisa menarik perhatian pengunjung juga.Apalagi kalau sudah dekat dengan akhir tahun begini.Untuk cara mengaplikasikan widget ini di blog,silahkan saja langsung disimak langkah-langkahnya berikut ini :
1. Login ke blog kalian
2. Pilih menu Tata Letak > klik Tambahkan Gadget
3. Klik HTML/Javascript
4. Pilih salah satu dari script ini
Script 1 (Hitung Mundur Tahun Baru)
Preview
<style scoped="scoped" type="text/css">
.tb2016{color:#01579b;background: #03a9f4; font-size: 120%;
text-transform: uppercase;text-align: center;margin: 2%;padding: 1.5%;}
.digit {color:#fff}
.judul {color:#fff}
@media screen and (max-width:974px) {
.tb2016{ margin:10px 0 0 0;}}
</style>
<div class="tb2016">
<div id="countdown">
<script type="text/javascript">
//<![CDATA[
var target_date = new Date("Jan 01, 2016").getTime();
var days, hours, minutes, seconds;
var countdown = document.getElementById("countdown");
setInterval(function () {
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
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);
countdown.innerHTML = days + " <span class='digit'>hari</span> " + hours + " <span class='digit'>jam</span> "
+ minutes + " <span class='digit'>menit</span> " + seconds + " <span class='digit'>detik</span> <span class='digit'>Menuju</span> <span class='judul'>Tahun Baru 2016</span>";
}, 1000);
//]]>
</script></div></div>Script 2 (Hitung Mundur Tahun Baru)
Preview
<style type='text/css'>
/* Widget Hitungan Mundur Tahun Baru */
#Mundur {background: #0B438F;
color: #FBD230;
font-family: "Roboto Slab",Arial,sans-serif;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 16px 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, 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 2015</span>";
}, 1000);
//]]>
</script>4. Masukkan kode script ke kotak isian
5. Klik Simpan
mantap ! infonya sangat bermanfaat ! menarik
ohh ada juga toh widget kaya gini. thanks info gannn
ijin coba ah wkwk biar ga kosong blog ane
Keren om visit juga ya videobolaku.com
Boleh ni! Izin coba ye
langsung saya coba gan,tapi ga membuat blog berat kan ?
sip gan keren nih
@Joyce A. Hammond
terima kasih komentarnya gan,silahkan di coba caranya 🙂
@Boni L
iya gan,widget ini cukup unik dan bisa menarik perhatian juga
@evan havidz
cobain aja gan,nggk membuat loading jadi berat,jadi pas klo mau dipakai 😀
@muhammad baihaqi
ok,nanti saya kunjungi jg blog agan
@Daffa Althaf Nursukma
silahkan gan ^^
@Zona Japanese
enggak gan,ini scriptnya ringan kok untuk blog
@muhamad rizal
thanks gan 🙂
@muhamad rizal
thanks gan