Yine okuyucularımdan birinin sorusu üzerine yazdığım bu yazıda sitenize, jquery countdown (geri sayım sayacı) nasıl ekleyeceğinizi anlatacağım. İnternette jquery ile hazırlanmış çok fazla geri sayım sayacı var. Ben burada, okuyucumun bana gönderdiği dosyadakinin nasıl yapılacağını detaylı bir şekilde açıklayacağım.
Öncelikle Jquery Countdown dosyasını bilgisayarınıza indirin. Sıkıştırılmış dosyayı açtıktan sonra içerisindeki images, js ve style isimli klasörleri hostunuza yükleyin.
Aşağıda verdiğim kodları <head></head> etiketleri arasına ekleyin.
[crayon lang=”html”]
[/crayon]
Bu kodda dikkat etmeniz gereken şey dosyaları hostunuza yüklerken herhangi bir klasör içine yüklemeyin. Klasörleri olduğu gibi atın. Eğer hostunuzda, deneme amaçlı bir klasör açıp dosyaları içine atmayı istiyorsanız, yukarıdaki kodda src içerisindeki yolun başına klasörünüzün ismini yazın. Örneğin; deneme isimli bir klasör oluşturduysanız src içerisini deneme/js/dosyaismi.js şeklinde değiştirmelisiniz. Aynısı css dosyası için de geçerli.
Buraya kadar sorunsuz bir şekilde yaptıysanız geri çok basit. Zaten hata yapma ihtimali olan kısım üst kısımdı.
Şimdi tek yapmanız gereken şey aşağıdaki kodları, geri sayım sayacının görünmesini istediğiniz yere eklemek ve üzerinde gerekli değişiklikleri yapmak.
[crayon lang=”html”]
[/crayon]
[crayon lang=”js”][/crayon]
Gördüğünüz gibi eklediğiniz kodların sonunda hedef gün, hedef ay gibi açıklamalar var. Sayacın hangi tarihten geriye doğru saymasını istiyorsanız, oradaki rakamları kendinize göre düzenleyin. Hepsi bu kadar.
Yorum Gönder
Yorum Gönder