Merhaba arkadaşlar bu gün sizlere mobil uyumlu reklam kodunu göstereceğim. Bu kod sayesinde sitemiz mobilden açıldığında reklamlarımız sayfa boyutuna göre küçülüp büyüyecektir. Bu sayede sitemizin görsel yapısı bozulmadan reklam yayınlayarak gelir elde edeceğiz. Son derece kullanışlı olan bu kod CSS ile yapıyoruz. Dilerseniz dersimize geçelim.
İlk önce Css dosyamıza girip şu kodları ekliyoruz:
.ufak-reklamx{
display:none;
}
@media screen and (max-width:480px){
.ufak-reklam{
display:none;
}
.ufak-reklamx{
display:block;
}
}Peki boyutlarını nasıl ayarlayacağız onuda buradan yapıyoruz:
@media screen and (max-width:480px)
Reklamın gözükeceği sayfaya ise şu kodları giriyoruz:
Reklam 1
Reklam 2Bu şekilde hem mobil için hazırladığımız hemde normal reklamlarımızı yayınlaya biliriz.
Sitemizi ziyaret edip daha fazla kod derslerine ulaşa bilirsiniz.