Blogger Geri Sayım Sayacı Eklentisi

Blogger siteniz için geri sayım sayacı özel bir gününüz veya bir nedeniniz varsa ve sitenize eklemek için sayaç arıyorsanız bu eklenti tam size göre eklentiyi kurmak gayet basit eklentiyi kurmadan önce şablonunuzun yedeğini almayı unutmayınız.Eklentinin önizlemesini aşağıda göriceksiniz beğenmeniz durumunda siteye ekleyebilirsiniz.

Blogger Geri Sayım Sayacı Eklentisi

Eklentiyi eklemeye geçersek aşağıdaki kodu şablonumuzda buluyoruz.
</head>
Yukarıdaki kodu bulup hemen üzerine aşağıdaki kodları ekliyoruz.
<script language="Javascript" type="text/javascript" src="http://yourjavascript.com/71208334201/jquery-1-4-1.js"></script> <script language="Javascript" type="text/javascript" src="http://yourjavascript.com/43133702581/jquery-lwtcountdown-1-0.js"></script> <script language="Javascript" type="text/javascript" src="http://yourjavascript.com/13113784227/misc.js"></script> <style> h1 { font-size: 28pt; letter-spacing: 12px; border-bottom: 1px solid #ddd; margin: 0; } h2.subtitle { margin-top: 0px; margin-bottom: 40px; } #container { margin: 100px auto; width: 700px; color: #555; } #countdown_dashboard { height: 110px; } .dash { width: 110px; height: 114px; background: transparent url('http://dl.dropbox.com/u/51120133/countdown/dash.png') 0 0 no-repeat; float: left; margin-left: 20px; position: relative; } .dash .digit { font-size: 55pt; font-weight: bold; float: left; width: 55px; text-align: center; font-family: Times; color: #555; position: relative; } .dash_title { position: absolute; display: block; bottom: 0px; right: 6px; font-size: 9pt; color: #555; text-transform: uppercase; letter-spacing: 2px; } .dev_comment { font-size: 14pt; color: #777; text-align: center; font-style: italic; margin: 40px 10px; } #subscribe_form { position: relative; } #email_field { font-size: 16pt; padding: 6px 10px; width: 300px; } #subscribe_button { font-size: 14pt; color: #333; padding: 4px 8px; } .copyright { font-size: 9pt; color: #333; margin: 40px 0px; } .faded { color: #999; } .form_message { width: 400px; padding: 10px; margin: 15px auto; display: none; } #error_message { background-color: #ffe; border-left: 5px solid #bb3; border-right: 5px solid #bb3; color: #770; } #info_message { background-color: #f0f9ff; border: 1px solid #eef; } #loading { text-align: center; margin: 10px; display: none; position: absolute; width: 100%; top: 60px; } </style>

Daha sonra sayacı göstermek istediğiniz bölüme aşağıdaki kodu ekliyoruz isterseniz gadget olarak ekleyip deneyebilirsiniz temanızda göstermek istediğiniz yere eklemeniz yeterlidir. 

<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> Yukarıdaki kodda değiştirilicek yerler kırmızı ile belirlenmiştir dilediğiniz gibi değiştirerek kullanabilirsiniz herhangi bir sorunda yorum bölümünden sorununuzu belirtebilirsiniz.