Wordpress Sağa Sola Reklam

Olur hocam, bekliyorum.

Hocam sağ reklama bir id atayın sol reklama da aynı şekilde bir id atayın.

Örnek:



CSS'ye şu şekilde bir kod ekleyin.

#solreklam {
position: fixed;
left: 0px;
top: 50px;
}

NOT: Sağ Reklama id atadığınızda #sagreklam olarak yaptığınız left:0px; olan yeri right: 0px; olarak değiştirin.

bu şekilde yaparsanız sorununuz çözülecektir. Buna ek olarak site adresini pm olarak atarsanız bir görmek isterim.

Evet bu verdiğim kodu düzenleyerek sitenize eklemeniz gerekiyor. Daha açık anlatmaya çalışayım. Sağa sola sabit ya da kayan reklam eklemek için, reklam kodlarını birer divin içerisine koymanız gerekiyor. Örnek divlerimiz sol160, sag160 olsun.

Reklam kodları

Reklam kodları

Bu divlere pozisyonu css ile veriyoruz.


.sol160 {position:absolute;left:20;top:100;}
.sag160 {position:absolute;right:20;top:100;}


Sıkıntı bu css'i tüm çözünürlüklü bilgisayarların ve hatta cep telefonlarının okuması. O yüzden düşük çözünürlüklü bilgisayarlar ve cep telefonları için css dosyamıza eklemeler yapmamız gerekiyor. Mesela şu şekilde.

@media only screen and (max-width: 1280px) {
.sol160, .sag160{display:none;}
}

Yukarıdaki kodun anlamı şu. Ekran çözünürlüğü maksimum 1280 px ve altında ise eğer, aşağıda kodları oku. Aşağıda da sol160 ve sag160 ı gösterme yazıyor.