Mostrar Post Recomendado ao Rolar (Descer) a Pagina do Blog

Colocar no blog um gadget que faz aparecer a indicação de uma postagem recomendada ao usar a barra de rolagem para chegar ao final do blog. Isso pode ajudar a conseguir que os visitantes fiquem mais tempo no seu blog da mesma forma que usar gadgets do tipo: Postagens Populares ou lista com postagens mais compartilhadas em redes sociais ajudam a fazer as pessoas visitarem mais paginas do seu site. O funcionamento do código é bem simples e mostra no canto da pagina um slide com um post do blog como sugestão ao rolar a pagina do seu blog.

Entre na pagina layout clique em adicionar gadget, escolha a opção html/javascript e cole o código abaixo:

<div id="hlslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Leia também</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://helplogger.blogspot.ro/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"></a>

Você pode alterar a frase: Leia também que está no inicio do código por qualquer outra frase que desejar. Depois salve e gadget e entre na pagina editar HTML (recomendamos Fazer Backup), clique em editar HTML e marque a opção expandir modelo de widgets. Agora procure por um dos códigos abaixo:

<div class='post-footer-line post-footer-line-1'>
<p class='post-footer-line post-footer-line-1'>
<data:post.body/>

Pode ser em qualquer um deles. Nós colocamos varias opções porque o HTML varia conforme o template, então encontre um deles e coloque esse código logo abaixo:

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

Portanto se inserir o código e não der certo tem que apagar antes de colocar no outro trecho. Depois é só clicar para salvar e já está pronto.

Veja mais alguns tutoriais para ajudar a manter as pessoas mais tempo no seu blog:
Personalizar Paginas do Blog: Mostrar Títulos dos Posts e Miniatura das Imagens
Mostrar assuntos relacionados no blog
12 Tutoriais para Ajudar a Melhorar e Personalizar seu Blog

Esse código de slides com posts relacionados (ou recomendados) pode ser bem útil como técnica de SEO para diminuir a taxa de rejeição do seu blog fazendo as pessoas visitar mais paginas e permanecer mais tempo no seu blog.