Arkadaşlar siteme özel reklam boyutundan 655x90 boyutunda bir reklam ekliyorum masaüstünde tamam ama mobilde bildiğiniz üzere reklam taşıyor.
Masaüstünde 655x90 , mobilde ise 320x100 gözükecek şekilde reklamı nasıl ekleyebilirim acaba?
Reklamı Mobilde Farklı Göstermek
6
●2.109
- 01-11-2015, 13:16:48ZackWrd adlı üyeden alıntı: mesajı görüntüle
- 01-11-2015, 13:21:04655X90 reklam alanını, ilgili media screen kısmından dipslay none yapın.Onun bulunduğu yere yeni bir div oluşturun.Oluşturduğunuz divin için reklam kodlarını yerleştirin.Masaüstünde o divin görünmemesi için display none yapın.İlgili media screen kısmından yeni oluşturduğunuz dive display block yapın.
Yada duyarlı reklam birimi kullanacaksınız. - 01-11-2015, 13:26:40Sevgimix adlı üyeden alıntı: mesajı görüntüle
--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 12:26:40 -->-> Daha önceki mesaj 12:24:15 --
oxside adlı üyeden alıntı: mesajı görüntüle
<style>
.reklam-ismi { width: 336px; height: 280px; }
@media(min-width: 500px) { .reklam-ismi { width: 468px; height: 60px; } }
@media(min-width: 800px) { .reklam-ismi { width: 550px; height: 280px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- reklam ismi -->
<ins class="adsbygoogle reklam-ismi"
style="display:inline-block"
data-ad-client="ca-pub-xxxxxxxxx"
data-ad-slot="xxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> - 07-11-2015, 15:22:31Style.css dosyasını aç ve aşşağıdaki kodları ekle.
@media (max-width: 767px) { .reklamkutusu{width:320px; height:100px} } @media (min-width: 768px) { .reklamkutusu{width:468px; height:60px} } @media (min-width: 1200px) { .reklamkutusu{width:655px; height:90px} }
Daha sonra reklamı eklemek istediğin alana şu şekilde ekliyorsun.
<div class="reklamkutusu"> ADSENSE ESNEK REKLAM KODU </div>