Blogger İçin Yazı Reklamı Yapın

     Açılır Menü" eklentisi sayesinde yazılarınızdan birini okuyan ziyaretçiniz yazının sonuna geldiğinde, sağdan dikkat çekici bir pencere çıkacak ve diğer yazılarınızdan pencere içerisinde bir link ve yazınıza ait bir resim belirecek,bu sayede okuyucunun dikkatini çekip diğer yazılarınızın da tıklanmasını sağlayabilirsiniz,okuyucunun sitenizde daha fazla  zaman geçirmesini sağlayacak bir eklenti.Bir nevi bu eklentiyle kendi ziyaretçilerinize blogunuzdaki yazıların reklemını yapacaksınız.Bu eklentinin en güzel yanı da okuyucu, yazı sonuna geldiğinde ortaya çıkması,yukarı çıktığında da kendiliğinden kaybolması,kesinlikle rahatsız edici reklamlar gibi sayfanın ortasında çıkıp,sinir bozucu bir şekilde sayfayla birlikte sürüklenme olayı yok.

EKLENTİ GÖRÜNÜMÜ:

        Açılan Pencerenin orjinal hali aşağıdaki  resimde gördüğünüz gibi.Eğer yazınızda resim varsa,resimle birlikte yazı başlığınız şekildeki gibi görünecektir."Bu yazımızda ilginizi çekebilir" başlığını kendinize göre değiştirebilirsiniz.

Bu eklentiyi blogunuza eklemek için;

1.ADIM : Paneli>Tasarım>Gadget Ekle>HTML/Javascript yolunu takip ediyoruz ve aşağıdaki kodları kopyalayıp açmış olduğumuz gadgetin içine ekleyerek kaydediyoruz.


<div id="bpslidein" style="display:none;"> <div class="help"> ?</div> <div class="expand"> +</div> <div class="close"> X</div> <p> Bu Yazımızda İlginizi Çekebilir</p> <div id="bpslidein_image"> </div> <div id="bpslidein_title"> Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjm0u_RgVeFVmuHuDdnuDMoxXwkRApzYLwXX4mpynSB2_mRlkQB1ud5EDw6e_JG7oypk8AHEbf1YbhWGbPsGEgLxhE17RCyyzDyqNwyAGIBKb2rogwU2YH6kNNbnbfu3ud6X9eLB007zc/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a> 2.ADIM : Eğer bloggerin klasik şablonlarından birini kullanıyorsanız, 2.adıma geçmenize gerek yok.1.adımı uygulayın yeterli.Blogger klasik şablonlarından birini kullanmıyorsanız,Öncelikle şablonunuzun bir yedeğini(kopyasını) alın. Aşağıdaki kodlardan birini bulun (Widget şablonlarını genişlet kututcuğunu işaretlemeyi unutmayın)

<div class='post-footer-line post-footer-line-1'>

yada

<p class='post-footer-line post-footer-line-1'>

veya;

<data:post.body/>

        Yukarıda ki kodlardan birini buldaktan sonra, aşağıdaki kodu bulduğumuz kodun hemen altına yapıştırın.

<b:if cond='data:blog.pageType == "item"'><br /> <div style='display:none' id='bpslidein_place_holder'></div></b:if>

        Son olarak şablonunuzu kaydedin ve kullanmaya başlayın.





  Bizi Takip Edin...
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakabilirsiniz...