Blogger’da çoğu temalarda sağ ve sol kısımlar boş kalır. Bu yazıda boş kısmı doldurmak isteyenler için banner reklamı ekleme eklentisini anlatıyorum.
İki taraf için de tek kod bulunmakta. Yani aynı kod üzerinden iki reklamı ekliyorsunuz. Ayrıca reklamı görmek istemeyen okuyucular için üzerinde kapat butonu bulunmakta. Dilerseniz bu butonu kendiniz değiştirebilirsiniz.
Reklam Alanları Nasıl Eklenir?
Blogger yönetim paneline giriş yapın.
Yerleşim → Gadget Ekle → Html/Javascript adımlarını izleyin.
Ve Aşağıda ki kodları Html/Javascript gadget'ne ekleyelim.
<style scoped='' type="text/css"> #kenarreklam{position:fixed;_position:absolute;top:0;right:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)} </style> <script type="text/javascript"> function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close1(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("kenarreklam").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="kenarreklam"> <div style="text-align: right;"> <a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lqboyJrly2kqtP892xDOcwyfr27y1yyC_HefShHf9AEe179QQ89UbSgQQIKle2TAIPhai5JH-PualMtzJJXpVpA_MmDUDk1tP6P8evzcPqMlcAymRkE8nAPfomUA4HkFqulWtbngXODi/s1600/close-btn.png" /></a></div> <div onclick='close1()'> <div style="background: #fff;"> <a target="_blank" href="1. REKLAM LİNKİ"><img src="1. REKLAM RESMİ" style="border: none;" alt="Iklan Melayang" /></a></div> </div> </div> <style scoped='' type="text/css"> #kenarreklam1{position:fixed;_position:absolute;top:0;left:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)} </style> <script type="text/javascript"> function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close11(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("kenarreklam1").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar </script> <br /> <div class="clear"> </div> <div id="kenarreklam1"> <div style="text-align: left;"> <a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lqboyJrly2kqtP892xDOcwyfr27y1yyC_HefShHf9AEe179QQ89UbSgQQIKle2TAIPhai5JH-PualMtzJJXpVpA_MmDUDk1tP6P8evzcPqMlcAymRkE8nAPfomUA4HkFqulWtbngXODi/s1600/close-btn.png" /></a></div> <div onclick='close11()'> <div style="background: #fff;"> <a target="_blank" href="2. REKLAM LİNKİ"><img style="border: none;" src="2. REKLAM RESMİ" width="160" height="600"/></a></div> </div> </div>Bu kod içerisinde belirtilen yerleri kendinize göre değiştirin. Mesela "1. REKLAM LİNKİ" yazan kısıma kendi reklam linkinizi eklemelisiniz.
Kaydet → Düzenlemeyi Kaydet butonlarına basarak yaptığınız değişikliği kaydedin.
Her şey tamam şimdi eklentinin çalışıp çalışmadığını test edin.