Header Ads

cara memasang widget hitung mundur pada blog

Halo sobat Clayer - kali ini saya akan membahas tentang cara memasang widget hitung mundur pada blog , fungsi hitung waktu mundur pada blog adalah jika anda menandai event yang anda adakan bisa memasang penghitung waktu mundur di blog agan agan , langsung saja tutorialnya. :


Cara memasang :

1. Kunjungi situs blogspot www.blogget.com
2. Klik blog agan yang akan dipasang widgetnya
3. Klik Tatak letak
4. Kemudian klik tambahkan widget
5.kemudian pilih HTML/Javascript
6.kemudian copy kode script dibawah ke tata letak blog agan
<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>
7. Kemudian simpan
8.dan liat hasilnya

sekian tutorial dari saya , jika posting ini bermanfaat ,sangat senang saya , jangan lupa komentar gan :v  

No comments

Powered by Blogger.