Ini Berikut Kode 5 Script Apakah Tampilan Disini:
1. Masuk Blog2. Terus Klik Tata Letak
3. Lanjut Klik Tambahan Gadget
4. Selanjutnya Klik HTML/JavaScript
5. Dibawah 5 Script Code Count Down Ini Letakkan Kode Disini
6. Selesai Klik Simpan
7. Lihat Hasil Blog
5 Script Code Count Down
A. HTML Count Down Biasa
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-slateblue.css' rel='stylesheet'/>
<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>
</div>
<script src="https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/newyear2017.js" type="text/javascript"></script>
Perhatikan Berwarna Biru Ganti Kode Di Banyak CSS CountDown Berwarna Ini Pilih Salah Satu
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-blue.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-colorful.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-cyan.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-goldenrod.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-gray.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-green.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-khaki.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-magenta.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-olive.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-orange.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-orchid.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-pink.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-red.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-salmon.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-seagreen.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-skyblue.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-slateblue.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-slategray.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-turquoise.css' rel='stylesheet'/>
<link href='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/countdown-style/countdown-color-violet.css' rel='stylesheet'/>
B. FlashVortex Count Down
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="466" height="139">
<param name="movie" value="https://sites.google.com/site/athallahsitema/flash/tahunbaru2017.swf" />
<param name="quality" value="best" />
<param name="menu" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="https://sites.google.com/site/athallahsitema/flash/tahunbaru2017.swf" quality="best" menu="true" width="466" height="139" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="sameDomain" />
</object>
C. Al Habib Count Down
<div style="margin:0px auto;text-align:center;width:300px;height:314px;">
<embed src="http://widgets.al-habib.info/images/Protected_islamic-widget-countdown-ornament-01_wpd.swf" width="300" height="314" flashvars="col1=000000&col2=9999ff&eD=01&eM=01&eY=2017&et1=New%20Year%202017&et2=Count%20Down%20Tahun%20Baru%202017" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br />
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1482410312378">
</div>
D. MyCountDown.org
<div style="margin: 15px 0px 0px;" align="center"><noscript><div style="width: 140px; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; background-color: rgb(255, 0, 0);" align="center">
<a style="text-decoration: none; font-size: inherit; color: rgb(255, 255, 255);" href="http://mycountdown.org/Holiday/New_Year/">New year Countdown</a>
</div></noscript>
<script src="http://mycountdown.org/countdown.php?cp2_Hex=FF0000&cp1_Hex=FFFFFF&img=1&hbg=&fwdt=300&lab=1&ocd=New Year&text1=New Year&text2=Tahun Baru 2017&group=Holiday&countdown=New Year&widget_number=3010&timezone=Asia/Bangkok&rep=4" type="text/javascript"></script></div>
E. ClockLink Count Down
<iframe scrolling="no" frameborder="no" clocktype="html5" style="overflow:hidden;border:0;margin:0;padding:0;width:288px;height:18px;"src="http://www.clocklink.com/html5embed.php?clock=009e&timezone=Indonesia_Jakarta&color=blue&size=288&Title=Tahun+Baru&Message=Selamat+Tahun+Baru+2017&Target=2017,1,1,0,0,0&From=2016,1,1,0,0,0&Color=blue"></iframe>
Bonus Count Down ala Renaldy Ways
<style>
#tahun2017{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;margin-bottom:15px}
.digit{color:white}
.juduls{color:#FFC200}
</style>
<div id='tahun2017'>
<span id='countdown'>
</span></div>
<script type='text/javascript'>
//<![CDATA[
var target_date = new Date("Jan 1, 2017").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 2017</span>";
}, 1000);
//]]>
</script>
Hari Tahun Baru 2017 ini Sudah Habis 2016 Akhir Tahun. Ini Hari Natal 2016 dan Tahun Baru 2017. Ini Malam Tahun Baru Tanggal 31/12/2016.