Sağa Ve Sola Responsive Sabit reklam paneli ekleme

Sağa Ve Sola Responsive Sabit reklam paneli ekleme

Sağa Ve Sola Responsive Sabit reklam paneli ekleme
Sağa Ve Sola Responsive Sabit reklam paneli ekleme

Web Sitesine Sağa Ve Sola Responsive Sabit reklam paneli ekleme css ve html kodları ve uygulaması.

İnternette gezerken gözünüze çarmştır sitelerin sağında ve solunda reklam panelleri var 120X600 veya 160X600 ebatarında bunlarınaynısını kolayca yapabilirsiniz hemde duyarlı olarak.

Bu işlem 2 aşamada yapılır 1-CSS işlemi 2-HTML işlemi

1-CSS KODLARII

Css kodunu css dosyanızın en sonuna ekleyin yada sayfanızın <head> </head> tagları arasına yerleştirin.

.sol-reklam{
  position: fixed; left: 0px; top: 47px; z-index: 1; display:none;
  }
  @media(max-width:768px).sol-reklam{
  display:none;overflow: hidden;
  }
  .sol-reklam{ position: fixed; left: 0px; top: 47px; z-index: 1;
  display:block;
  }
  }
  .sag-reklam{
  position: fixed; right: 0px; top: 47px; z-index: 1; display:none;
  }
  @media(max-width:768px).sag-reklam{
  display:none;overflow: hidden;
  }
  .sag-reklam{ position: fixed; right: 0px; top: 47px; z-index: 1;
  display:block;
  }
  }

2-HTML KODLARI

Html kodlarınıda sitenizi sonuna yerleştireceksiniz ben 160X600 ebatında yaptım ama isterseniz 160 olan yeri 120 yapabilirsiniz.

Aşağıdaki kodu </body> etiketinden hemen önce yapıştırın.

Bu kod WordPress sitelerdede çalışıyor deneyin beğeneceksiniz..

<div class="sol-reklam"> 
 Buraya google'den aldığınız reklam kodunu yapıştırın (160X600)
 </div>
 <div class="sag-reklam"> 
 Buraya google'den aldığınız reklam kodunu yapıştırın (160X600)
 </div>

iyi çalışmalar..

Yazan:Mevlüt Özer

 

İlk yorum yapan olun

Bir yanıt bırakın