• 01-11-2015, 13:15:26
    #1
    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?
  • 01-11-2015, 13:16:48
    #2
    ZackWrd adlı üyeden alıntı: mesajı görüntüle
    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 boyutunu esnek seçerseniz google adsense mobilde mobil uyumlu reklam gösterir. saygılarımla
  • 01-11-2015, 13:21:04
    #3
    655X90 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:40
    #4
    Sevgimix adlı üyeden alıntı: mesajı görüntüle
    reklam boyutunu esnek seçerseniz google adsense mobilde mobil uyumlu reklam gösterir. saygılarımla
    ''Masaüstünde 655x90 boyutunda görünecek reklam'' Sizin dediğinizi yapınca masaüstü ve mobil boyutları kendi otomatik seçiyor.

    --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
    655X90 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.
    Dediklerinizi nasıl yapacağımı bir bilsem. Bizim forumda bir konuda şu kodları buldum, bunlardan hangilerini düzenlemem gerekiyor benim istediğim gibi olması için ;

    <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>
  • 01-11-2015, 13:38:47
    #5


    Ek olarak.Adsense panelinden duyarlı reklam seçin.Oluşturuğunuz divin için reklam kodlarını yerleştirin.Stil özelliğine ise witdh:100%; height:auto; verin.

    Olmazsa siteyi gönderin inceleyim.
  • 07-11-2015, 14:13:20
    #6
    Arkadaşlar bir türlü yapamadım şunu anlatabilecek üstadlar yok mu acaba.

    Masaüstünde 655x90 görünecek reklam mobilde de esnek görünmesini istiyorum. (Önceden 320x100 istiyordum onuda istemiyorum esnek görünmesini istiyorum sadece mobilde)
  • 07-11-2015, 15:22:31
    #7
    Style.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>