Sayfa Altında Sabit Reklam Banner Kodu

Share:
Kolay-kapanan-sayfa-altı-banner-kodu

  Blog sayfaları için alt tarafta sabit reklam kutusu eklemek istemez misiniz? Tek tıklamayla kapanan ve duyuru yapmanıza olanak tanıyan bir kod vereceğim. Hazırladığınız bir banner ile ziyaretçilerinize bilgi vermek için kullanabilirsiniz. Blog yazarlığına başlarken amaç yazıları paylaşmaktır. Zaman içinde yeni takipçiler ve para kazanmak için atılımlar yaparız. Paylaştığım bu kod belki amacınızı gerçekleştirmeniz için yardımcı olur diye düşünüyorum. Sayfayla beraber hareket eden bu reklam bandı tek tıkla kapandığı için ziyaretçilerinizi rahatsız etmez ve mobil uyumludur.

Sabit Reklam Banneri Nasıl Eklenir?

Tema> HTML'yi Düzenle üzerinden CTRL+F yardımıyla </body> kodunu aratın ve hemen üstüne aşağıdaki kodu ekleyin. Kod içinde ilgili alanları istediğiniz gibi değiştirebilirsiniz.

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwHgiyiApCp3gZWXvwrrdw3a-2yJYhSxkW7vNnbWpaAW3ZH_jsLiJA10IBhm_BgZ7-WoXYlsBUkQzvKNiWwis_rIe5Jb-N8-WhwgoFI7IzV-zEVLKc8q8eHiY1s27B-WlA-w48WZ2i6M61/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='Görsel linki eklenecek' title='Banner Açıklaması'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner Açıklaması' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhna_sJMMNhYRCSGbq__sJbL4oJMhcfsSOvqMt6R672wY81ynRdAbwSWaK-bPpQpoXcm7H22EpCurFo_WDoq0fFWYrlL-hTV9I0_San_jObHD5cgmHzmsi5a-9Nxun0t2Oyabrzzh3_F_E/s1600/728X90+REKLAM+ALANI+10.jpg'/></a>
</div>
</div>

Kaynak: Blogger Eklentileri

✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

3 yorum:

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...

1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösterin.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat edin.
3) Kullandığınız üslubun sizi yansıttığını unutmayın.
4) Yorum yaparken link eklemeyin.

Seo Teknikleri ve Blog ipuçlarını alarak daha fazla ziyaretçi ve en yüksek verimi hedefleyin.