Blogum için geri sayım aracı arıyordum.Güzel bir sayaç buldum ,sizinlede paylaşmak istedim.Yazı içerisinde demosunu görebileceksiniz.Blogger ile uyumlu hale getirdim.
Temamızda
</head>
tagını bulup hemen üzerine aşağıda ki kodları ekliyoruz.<script language="Javascript" type="text/javascript" src="http://dl.dropbox.com/u/51120133/countdown/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="http://dl.dropbox.com/u/51120133/countdown/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="http://dl.dropbox.com/u/51120133/countdown/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="http://dl.dropbox.com/u/51120133/countdown/main.css"></link>
Daha sonra sayacımızı göstermek istediğimiz yere ,şu kodları ekliyoruz ;
<div id="countdown_dashboard">
<div class="dash weeks_dash">
<span class="dash_title">hafta</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash days_dash">
<span class="dash_title">gün</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash hours_dash">
<span class="dash_title">saat</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash minutes_dash">
<span class="dash_title">dakika</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash seconds_dash">
<span class="dash_title">saniye</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
</div>
<div class="dev_comment">
TESKEREYE KALAN SÜRE :)
</div>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': 394,// hedef gün
'month': 14,// hedef ay
'year': 2013,// hedef yıl
'hour': 24,// hedef saat
'min': 60,// hedef dakika
'sec': 60//hedef saniye
}
});
});
</script>
Kırmızıyla belirtiğim yerleri ,isteğinize göre değiştirin. Ayrıca blogger harici kullanmak isterseniz => countdown.rar
Kaynak: http://yuceltoluyag.blogspot.com/2012/07/blogger-geri-saym-sayac.html#ixzz26cQdtaHC
0Awesome Comments!