display none özelliği acil yardım.

merhabalar. adsense kodlarımında içinde yer aldığı bir div katmanım var. bu katmanıma özel olarak anasayfada görüntülendiğinde display:none; ve içeriğin kendi sayfasında görüntülendiğinde display:inline özelliği veriyorum. Görünürde istediğim gibi oluyor. anasayfada görünmüyorlar yalnızca içeriğin kendi sayfasında görünüyorlar. fakat anasayfada html kodlarına bakınca malum tüm içerikler tarih sırasına göre listelendiği için tüm adsense kodları da kaynağa bakıldığında görünüyor ve doğal olarak reklam birimleri sitede görünmese de gösteriliyormuş gibi görünüp sayfa başı 3 reklam birimi limitini aşıp menülerde reklam gösteremiyorum. bu problemi css ile nasıl çözebilirim.?

Wordpress mi kullanıyorsun? (css ile yapamazsın)

blogger kullanıyorum.

Wordpress olsa PHP ile kontrol edip istediğin yapılabilirdi. Bloggerda sayfa kontrol etme olayı varmı bilmiyorum varsa yapabilirsin. Blogger hakkında bilgim yok.

css ile yapamazsın, bloggerdan anlamıyorum javascript kullanabiliyorsan yapılabilir.

peki js ile nasıl yapabilrim?

Sayfa adresini alacaksın, anasayfa değil ise reklam kodlarını yazdıracaksın.

divlere aynı class değerini ver.
Örneğin; 3 reklam olsun

<div class="reklamlar"><!--reklam kodları--></div>
<div class="reklamlar"><!--reklam kodları--></div>
<div class="reklamlar"><!--reklam kodları--></div>

<script>
if(location.href=='http://www.siten.com' || location.href=='http://siten.com'){
    var a = [];
    var re = new RegExp('\\breklamlar\\b');
    var els = document.getElementsByTagName("div");
    for(var i=0,j=els.length; i<j; i++){
        if(re.test(els[i].className))els[i].innerHTML='';
	}
}
</script>

hocam blogger teması bu kod yapısını kabul etmedi. xml formatında uygun şekilde alternatif olark yazabilirmiyiz aynı kodu? çünkü temada bir çok js kodu var.