Sayfa Altında Sabit Reklam Banner Kodu

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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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://1.bp.blogspot.com/-2WNbuRtdB48/WdlB3rmTQAI/AAAAAAAAC-k/iikFhVWqAwgSNagnSQGvE74MzbUBHol5wCLcBGAs/s1600/728X90%2BREKLAM%2BALANI%2B10.jpg'/></a>
</div>
</div>

Kaynak: Blogger Eklentileri

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

YAZIYI PAYLAŞ

BENZER YAZILAR

SONRAKİ
« Prev Post
ÖNCEKİ
Next Post »

2 yorum

yorum YAZ
8 Ocak 2018 14:20

Gayet kullanışlı olmuş paylaşım için teşekkürler

Cevap Ver
avatar

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.
5) Yorumunuza ikon eklemek için "Emoticon" butonuna tıklayın.
6) EmoticonEmoticon