Web sitenizin sağ veya sol kısımlarına sayfa kaydırılsa bile sabit kalan adsense ya da özel reklam alanı (divi) eklemek için yapılması gereken CSS ile bir kaç basit kod kullanmak olacaktır. WordPress sitesinden bu işlemi eklentisiz yapmak için ise bu makaleyi okuyabilirsiniz. Sayfaya sabit div eklemek için yapılması gereken işlemleri aşağıdaki kısımdan inceleyebilirsiniz.
<body> divinden hemen sonra aşağıdaki html kodunu ekleyin:
[code lang=”html”]
<div id="sol_reklam">
<!– Reklam kodu buraya –>
</div>
<div id="sag_reklam">
<!– Reklam kodu buraya –>
</div>
[/code]
Sayfanın sol kısmında sabit div eklemek için:
[code lang=”css”]
#sol_reklam {
position:fixed; /** divin konumunu sabitlemek için fixed komutu **/
top:0px; /** divin pencerenin en üstünde kalması için top değerini 0 veriyoruz **/
left:0px; /** divin pencerenin sol kısma yaslanmasını sağlamak için değerini 0 veriyoruz **/
width:160px; /** divin genişlik değeri 160px **/
height:300px; /** yükseklik değeri 300px **/
}
[/code]
Sayfanın sağ kısmında sabit div eklemek için:
[code lang=”css”]
#sag_reklam {
position:fixed; /** divin konumunu sabitlemek için fixed komutu **/
top:0px; /** divin pencerenin en üstünde kalması için top değerini 0 veriyoruz **/
right:0px; /** divin pencerenin sağ kısma yaslanmasını sağlamak için değerini 0 veriyoruz **/
width:160px; /** divin genişlik değeri 160px **/
height:300px; /** yükseklik değeri 300px **/
}
[/code]
Tam ekran ön izleme için tıklayın
sayfayı küçülttüğümüzde reklamların sayfanın üstüne çıkmaması için ne yapabiliriz