Kaynak ikonu

Kullanım tekniği Otomatik Değişen Reklam Banner Alanı Tanımı ve Kullanımı

XenForo için kullanım tekniği.
Bazen aynı reklam alanı içinde birden fazla reklam banneri kullanmak isteyebiliriz. Bu durumda ayarladığımız süre sonrasında otomatik değişen bu reklam alanı tam da size göre.

Buyuk.gif


NOT-1 : Bu alan sizin özel olarak tanımladığınız Reklam banner'ları için tasarlanmıştır.

NOT-2: Banner değişimi sırasında atlama olmaması için kullanılacak banner'ların aynı ölçüde olması tavsiye edilir.

Nasıl Kullanılır:
1-)
AP > Kurulumlar > Reklam Yönetici sayfasından /admin.php?advertising/ yeni bir reklam tanımlıyoruz.

2-) Aşağıda verilen KOD-1 ve KOD-2 sıra önemli olmadan ilgili reklam alanının "HTML" bölümüne ilave ediyoruz.

3-) KOD-1 bulunan sadece şu kısımları kendimize göre ayarlıyoruz. Onun harici herhangi bir koda dokunmuyoruz.

LINK_URL : Reklam banner tıklayınca gidilecek URL adresini
IMAGE_URL : Reklam banner resminin yüklü olduğu URL adresi
howOften = 7; Burada 7 sayısı banner geçiş süresini saniye olarak belirtilmektedir.

KOD-1
Kod:
<xf:comment>KOD-1 javascript</xf:comment>

<script type="text/javascript" language="JavaScript1.2">
var howOften = 7; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6


var items = new Array();
    items[0]="<a href='LINK_URL' ><img alt='ALT_TEXT' src='IMAGE_URL' height='auto' width='100%'  /></a>";
    items[1]="<a href='LINK_URL'><img alt='ALT_TEXT' src='IMAGE_URL' height='auto' width='100%'  /></a>";

function rotater() {
    document.getElementById("placeholder").innerHTML = items[current];
    current = (current==items.length-1) ? 0 : current + 1;
    setTimeout("rotater()",howOften*1000);
}

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
        if(document.all)
            placeholderdiv.innerHTML=items[current];

    current = (current==items.length-1) ? 0 : current + 1; //increment or reset
    setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->
</script>
Part

KOD-2
Kod:
<xf:comment>KOD-2 Sayfada görünen reklam alanı</xf:comment>

<layer id="placeholderlayer"></layer><div style="min-height:100px" id="placeholderdiv"></div>

Sonuç olarak tanımladığınız yeni reklam alanı şöyle bir şey olacak.

Reklam Tanımı.webp
Yazar
mkucuksari
Görüntüleme
2.009
İlk yayınlama
Son güncelleme

Puanlar

5,00 yıldız 3 değerlendirme

mkucuksari ait diğer kaynakar

Son incelemeler

Eline sağlık çok güzel ve kullanışlı olmuş.
Ellerine sağlık reklam yoğunluğu olan siteler için gayet uygun bence.
mkucuksari
mkucuksari
Teşekkürler kardeşim
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri