Geri Sayım Sonrası Buton

Sitenize veya html sayfalarınıza geri sayım sonrası buton eklemek ve geri sayım süresinde reklam gösterebilmek için aşağıdaki kodları kullanabilirsiniz.

İçindekiler

Geri Sayım Sonrası Buton

HTML veya PHP sitelerinizde kullanabileceğiniz geri sayım sonrası görünen buton yapımı.

İndirme Butonu Öncesi Reklam Kodu

Aşağıdaki kodu indirme butonlarından önce geri sayım eklemek ve geri sayım süresinde reklam göstermek için kullanabilirsiniz.

HTML Kodu

Aşağıdaki HTML kodunu mevcut indirme butonunuza göre veya kullanmak istediğiniz diğer butonlar/bağlantılara göre düzenleyin.

<a href="https://oguzturk.net" id="reklam" style="display: none;" target="_blank">İndir</a>
<div id="zamanlayici">
<b>Lütfen <span>5</span> saniye bekleyin.</b>
</div>

<a href="https://oguzturk.net" id="reklam" style="display: none;" target="_blank">İndir</a>

<b>Lütfen <span>5</span> saniye bekleyin.</b>

</div>

JavaScript Kodu

JavaScript kodunu sayfanızda en alt kısmına <script>kodlar</script> tagları içine ekleyin.

jQuery(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
   $("#zamanlayici span").text(sec--);
   if (sec == 0) {
$("#reklam").delay(1000).fadeIn(1000);
$("#zamanlayici").hide(1000) .fadeOut(fast);}
},1000);
});

jQuery(document).ready(function() {

var sec = 5

var timer = setInterval(function() {

$("#zamanlayici span").text(sec--);

if (sec == 0) {

$("#reklam").delay(1000).fadeIn(1000);

$("#zamanlayici").hide(1000) .fadeOut(fast);}

},1000);

});

# Demo için aşağıdaki bağlantıya tıklayın.

https://oguzturk.net/lab/demo/indirme-butonu-oncesi-reklam-kodu

Bu yazıyı değerlendirin.

0 0/5

4
Yorumlar

Abone Ol

En Yeniler Eskiler Beğenilenler

Ziyaretçi

Mehmet

wordpresste olmuyor, nasıl ayarlayabiliriz.

Yazar

Oğuz

WordPress’te 3 farklı temada kullanılmıştır, muhtemelen temanızın js kodları ile uyum sağlamadığı için çalışmıyordur. Alternatifler deneyin.

Hasan Özmen

JS kodu aktif olmuyor, 5 saniye yazısı geliyor doğal olarak ancak kod çalışmadığı için 5’te kalıyor. Ögeyi denetle yapıyorum, script kodları gayet var. Anlamadığım bir şekilde kod çalışmıyor.

Sisteminizde kullanılan jQuery kütüphanesi ile uyumlu olmayabilir. Aşağıdaki sürümle sorunsuz çalışmaktadır.

https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

Geri Sayım Sonrası Buton