Selasa, 15 Desember 2015

Cara Membuat Widget Hitung Mundur Tahun Baru 2016 di Blog

Halo Guys,sekarang saya akan berbagi tentang bagaimana Cara Membuat Widget Hitung Mundur Tahun Baru 2016 di Blog,sebenarnya Widget ini hanya berfungsi untuk penghias saja,dan untuk mengetahui tinggal berapa Hari/Jam/Menit/Detik Tahun Baru 2016 Akan dimulai


Oke Mari saja kita mulai langsung,bagaimana cara pemasangannya


Cara Membuat Widget Hitung Mundur Tahun Baru 2016

1.Masuk ke Blogger
2.Pilih Blog yang ingin dipasang,masuk ke Tata Letak
3.Setelah itu,klik Tambahkan Widget dan pilih HTML/Javascript
4.Kemudian copy kode dibawa ini dan paste-kan di Widget tadi
<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>
5.Silahkan Simpan/Save Widget tersebut.


SourceCode : http://www.ferdistyle.xyz

Dan Voila,lihat Blog anda,kini sudah ada Widget Hitung Mundur Tahun Baru 2016  nya

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda

Blogger
Disqus
Pilih Sistem Komentar

Terima Kasih untuk 3 komentar Guys

wah nanti saya terapkan deh ke blog saya, makasih atas info nya mas deons

wah..keren nih bisa spesial tahun baru nih...

saya coba di blog ya gan, biar makin keren blog ane buat nyambut tahun baruan :D hahaha

PERATURAN BERKOMENTAR

(+) Berkomentarlah tanpa menggunakan kata SARA/RAS/AGAMA
(+) Berkomentarlah dengan menggunakan kata kata yang sopan
(+) Jika ada kerusakan Link Download, silahkan berkomentar dengan menggunakan kata kata yang baik