Cara Mudah Membuat Widget Countdown Tahun Baru 2016

Cara Mudah Membuat Widget Countdown Tahun Baru 2016 - Tinggal beberapa hari lagi kita akan memasuki tahun 2016, buat teman-teman yang mau memasang wigdet countdown untuk mempercanti blognya berikut ini caranya:

 Cara Mudah Membuat Widget Countdown Tahun Baru 2016


1. Buka dasbord blogger
2. Buka menu tata letak dan kilk menu  tambah gagdet
3. Pilh HTML
4. Masukkan kode java script ini ke dalam wigdet

<style scoped="" type="text/css">#clockdiv
{font-family:sans-serif;color:#fff;display:
inline-block;font-weight:normal;text-align:
center;font-size:16px;margin-top:10px}#clockdiv>div
{padding:10px;border-radius:3px;background:#199bbf;display:inline-block}
#clockdiv div>span{padding:10px;border- radius:3px;background:#0b627a;
display:inline-block}.smalltext{padding-top:5px;font-size:12px}</style>

<div style="text-align: center;">
<div id="clockdiv">
  <div>
    <span class="days"></span>
    <div class="smalltext">Hari</div>
  </div>
  <div>
    <span class="hours"></span>
    <div class="smalltext">Jam</div>
  </div>
  <div>
    <span class="minutes"></span>
    <div class="smalltext">Menit</div>
  </div>
  <div>
    <span class="seconds"></span>
    <div class="smalltext">Detik</div>
  </div>
</div>
<script type="text/javascript"
 src="https://cdn.rawgit.com/infoitah/javascript/master/newyear2016.js"></script>

 


5. Klik simpan
 
Demikian Cara Mudah Membuat Widget Countdown Tahun Baru 2016, selamat mencoba semoga berhasil