Cara Memasang Widget Hitung Mundur Tahun Baru 2016 di Blog

Cara Memasang Widget Hitung Mundur Tahun Baru 2016 di Blog - Tahun 2016 kini tinggal menghitung hari. Kali ini PosTopTen akan membagikan cara membuat widget hitung mundur tahun baru yang sangat pas di pasang di blog. Langsung saja ikuti cara berikut ini :

Baca Juga :

• Cara Membuat Text Box Pada Blog

• Cara Memasang Timline Twitter di Blog 

• Cara Cek kecepatan Loading Blog | Terbaru

 

Cara Memasang Widget Hitung Mundur Tahun Baru

1. Pertama masuk ke akun blogger masing-masing

2. Masuk menu Tata letak -> Tambah gadget -> kemudian pilih HTML/Javascript

3. Copy script dibawah

<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>

4. Simpan template
5. Kemudian Lihat blog, tampilan widget seperti gambar berikut :

Itulah Cara Memasang Widget Hitung Mundur Tahun Baru 2016 dari PosTopTen . Semoga bermanfaat.


Source :http://www.ferdistyle.xyz/2015/12/cara-memasang-widget-hitung-mundur.html

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.