Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog

12:22:00
Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara membuat countdown timer tahun baru 2016 keren di blog, memang beberapa hari lagi kita akan menjumpai hari yang istimewa yaitu tahun baru 2016, nah mungkin bagi anda yang suka dalam memberi hiasan untuk blog anda tips ini bisa diterapkan di blog anda. Nah langsung saja saya kasih tutorialnya dan demonya hanya untuk agan pengunjung setia blog RenaldyWays;


Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template, lalu pilih menu edit template,

3. Cari kode </b:skin> dengan cara
Ctrl
+
F
,

4. Copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

#RenaldyWaysNewYear2016 {
  background:none repeat scroll 0% 0% rgba(19,19,19,0.65);
  color:#FFC200;
  font-size:130%;
  text-transform:capitalize;
  text-align:center;
  padding:15px 0;
  font-weight:normal;
  border-radius:5px;
  line-height:1.8em;
  font-family:&
  quot;
  Roboto&
  quot;
  ,Arial;
  margin-bottom:15px;
}

.digit {
  color:white;
}

.juduls {
  color:#FFC200;
}
 

5. Setelah itu simpan template,

6. Lalu kembali ke menu dashboard pilih menu tata letak, lalu pilih menu tambahkan gadget, setelah itu pilih menu html/javascript,


7. Copy script di bawah ini lalu paste pada kolom html/javascript yang sudah disediakan,

 <div id='RenaldyWaysNewYear2016'>
<span id='countdown'>
</span></div>
<script type='text/javascript'> 
//<![CDATA[ 
var target_date = new Date("Jan 1, 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 menuju <span class=\'juduls'>Tahun Baru 2016</span>";
}, 1000);
//]]>
</script> 




8. Simpan dan lihat hasilnya.

Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog




Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

0 Comments