 |
| Blogger sayfanın sağına ve soluna reklam ekleme |
Bloggerda tema gövdesinde herhangi bir alana reklam eklemek oldukça basittir. Blogger kullanıp ta nasıl yapılacağını bilmeyen neredeyse hiç yoktur. Ancak bazı Blogger lar sayfanın sağına veya soluna düşey reklam ekleme ihtiyacı duyabilirler. Tercihe göre bu kayan reklam veya sabit reklam şeklinde de olabilir.
Bu yazımızda bu ihtiyacı nasıl karşılayacağımızı anlatıyoruz. Bunun için öncelikle kullandığınız temanın sayfanın sağında veya solunda reklam ekleme uygun olması şarttır. Aksi takdirde hoş durmayan görüntü meydana gelebilir.
4 Basit kod ile işlemleri tamamlamış olacağız. Blogger hesabınıza giriş yaptıktan sonra Düzen kısmından Gadget Ekle dedikten sonra Html/Java Script seçiyoruz. Aşağıdaki kodlardan konumuna ve kayan yada sabit tercihinize göre seçtiğinizi kopyalayıp alana yapıştırıyoruz. Son adım olarak ''REKLAM Kodu Buraya Yazılacak'' alanına görünmesini istediğiniz reklamın kodunu yapıştırıyorsunuz ve kaydet tamamdır. Sayfanızı yenilediğinizde reklamınızı göreceksiniz.
Son olarak Blogger Mobilde sorun çıkıyorsa eğer bu temanız kaynaklı olabilir. Böyle bir durumda tema üzerinde revize yapamıyorsanız eğer, reklamı mobilde göstermeme seçeneği meydana gelebilir. Bu konu ile ilgili de bilgi almak isterseniz Blogger Mobilde Gadget Gizlemek adlı yazımıza göz atabilirsiniz.
Sayfanın Soluna Kayan Reklam Alanı Eklemek İçin Kod
<div id="soldakayan" style="position: fixed; left: 0px; top: 0px; z-index: 1;">
REKLAM Kodu Buraya Yazılacak
</div>
Sayfanın Sağına Kayan Reklam Alanı Eklemek İçin Gerekli Kod
<div id="sagdakayan" style="position: fixed; right: 0px; top: 0px; z-index: 1;">
REKLAM Kodu Buraya Yazılacak
</div>
Sayfanın Soluna Sabit Reklam Alanı Eklemek İçin Gerekli Kod
<div id="soldasabit" style="position: absolute; left: 0px; top: 0px; z-index: 1;">
REKLAM Kodu Buraya Yazılacak
</div>
Sayfanın Sağına Sabit Reklam Alanı Eklemek İçin Gerekli Kod
<div id="sagdasabit" style="position: absolute; right: 0px; top: 0px; z-index: 1;">
REKLAM Kodu Buraya Yazılacak
</div>