Adsense Reklamlarını Sadece Masaüstünde Görüntülemek

« Weka Program Kurulumu ve Detaylı Anlatım

Merhabalar arkadaşlar bu yazımda sizlere Google adsense reklamlarının sadece masaüstünde yayınlanmasını sağlayacak olan kodları paylaşacağım.Bu kodlar sayesinde google adsense reklamlarınız sadece masaüstünde görüntülenecektir.Umarım faydalı olur.Lafı uzatmadan kodlara geçelim.

Öncelikle arkadaşlar aşağıda verdiğim css kodunu “style.css” kodları içerisine herhangi bir yere yapıştırıyorsunuz.

<strong>/ Ad Inserter Device Classes /
</strong><strong>/ Desktop /
</strong><strong>.ai-desktop { display: inherit !important; }</strong>
<strong>.ai-tablet { display: none !important; }</strong>
<strong>.ai-phone { display: none !important; }</strong>
<strong>.ai-desktop-tablet { }</strong>
<strong>.ai-desktop-phone { }</strong>
<strong>.ai-tablet-phone { display: none !important; }
</strong><strong>.logo { display: none; }
</strong><strong>/ Tablet /
</strong><strong>@media (min-width: 768px) and (max-width: 979px) {</strong>
<strong> .ai-desktop { display: none !important ; }</strong>
<strong> .ai-tablet { display: inherit !important; }</strong>
<strong> .ai-desktop-phone { display: none !important; }</strong>
<strong> .ai-tablet-phone { display: inherit !important; }</strong>
<strong>.logo { display: none; }</strong>
<strong>}
</strong><strong>/ Phone /
</strong><strong>@media (max-width: 767px) {</strong>
<strong> .ai-desktop { display: none !important; }</strong>
<strong> .ai-phone { display: inherit !important; }</strong>
<strong> .ai-desktop-tablet { display: none !important; }</strong>
<strong> .ai-tablet-phone { display: inherit !important; }</strong>

/ Ad Inserter Device Classes /

/ Desktop /

.ai-desktop { display: inherit !important; }

.ai-tablet { display: none !important; }

.ai-phone { display: none !important; }

.ai-desktop-tablet { }

.ai-desktop-phone { }

.ai-tablet-phone { display: none !important; }

.logo { display: none; }

/ Tablet /

@media (min-width: 768px) and (max-width: 979px) {

.ai-desktop { display: none !important ; }

.ai-tablet { display: inherit !important; }

.ai-desktop-phone { display: none !important; }

.ai-tablet-phone { display: inherit !important; }

.logo { display: none; }

}

/ Phone /

@media (max-width: 767px) {

.ai-desktop { display: none !important; }

.ai-phone { display: inherit !important; }

.ai-desktop-tablet { display: none !important; }

.ai-tablet-phone { display: inherit !important; }

Style.css’e bu kodları ekledikten sonra şimdi ise hangi adsense kodunu ekleyecekseniz onun başına ve sonuna “<div class=”hidden-sm hidden-xs”>adsense reklam kodları gelecek</div>” eklemeniz gerekmektedir.

Yani kodlar şu şekilde olacak;

<strong>&lt;div class="hidden-sm hidden-xs"&gt;
</strong><span style="color: #ff0000;"><strong>Buraya adsense reklam kodları gelecek!
</strong></span><strong>&lt;/div&gt;</strong>

Buraya adsense reklam kodları gelecek!

</div>

Gördüğünüz gibi kodlar aşağıdaki gibi olacaktır;

İşte bu şekilde adsense kodlarını bu iki div’in arasına alırsanız bu koddaki reklamlar sadece masaüstünde görünür.Umarım faydalı olur.Herkese bol kazançlar dilerim.

Bu Yazıya Tepkin Ne Oldu ?