Wysuwany gadżet polecony post dla bloggera

Znasz te wiadomości popup, które przesuwają się w prawym dolnym rogu, gdy już prawie osiągnęły dno strony?Cóż, kiedyś było one dostępne tylko na WordPress, ale już nie, teraz użytkownicy bloggera mogą korzystać z tego dodatku! 

Wysuwany gadżet zaprasza czytelnika do zapoznania się innego twojego posta. Dodatek jest przydatny zarówno dla ciebie(może poprawić współczynnik klikalności) jak i dla odwiedzjących twojego bloga.

Demo: Na samym dole powinieneś go zobaczyć znajdujący się po prawej stronie

Jak dodać wysuwany gadżet

1. Zaloguj się na swoje konto w serwisie Blogger, a następnie przejdź do układu  
2. Kliknij Dodaj gadżet

3. Z okna pop-up, przewiń w dół i wybierz "HTML / JavaScript":

4. Wklej ten kod wewnątrz pustym polu:

<div id="hlslidein" style="display:none;"> <div class="help"> ?</div> <div class="expand"> +</div> <div class="close"> X</div> <p> Polecane dla ciebie</p> <div id="hlslidein_image"> </div> <div id="hlslidein_title"> Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_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(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://blogujteraz.blogspot.com/2013/03/wysuwany-gadzet-polecony-post-dla.html" target="_blank"></a>

5. Teraz Zapisz widżet:

 6. Następnie przejdź do szablonu, a następnie kliknij przycisk Edytuj kod HTML:

 7. Zaznacz okienko "Rozwiń szablony widżetów":

 8. Szukaj (CTRL + F) takiego kodu jak poniżej (znajdź tylko jeden kod taki który jest w twoim szablonie):


<data:post.body/>


lub 


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


lub


  

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

 I dodaj bezpośrednio poniżej tych linii, następujący fragment i zapisz :

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


Teraz, gdy czytelnik przewija stronę na samym dole otworzy się okienko z prawej strony z poleconymi postami