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"'>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.
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
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.
Olá, pode mim ajudar?
ResponderExcluirGostaria de saber como faço para tirar o titulo do gadget Postagens Populares?
Obrigado.
se não conseguir apagar o titulo do gadget clicando para editar o gadget por fazer pela pagina editar html, por exemplo nossos marcadores o código é assim:
ResponderExcluirb:widget id='Label1' locked='false' title='Ajuda e Tutoriais para Blogueiros' type='Label'
eu poderia pagar o titulo (Ajuda e Tutoriais para Blogueiros) e deixar assim:
b:widget id='Label1' locked='false' title='' type='Label'
use o ctrl f e procure pelo titulo do gadget na pagina editar html
Já tentei. Mas quando vou salvar sempre dá erro.
ResponderExcluirComo você fez para mudar a mensagem do Gadget do LinkWithin.
ResponderExcluirOriginal: Poderá também gostar de
A Sua: Mais Dicas e Ajuda para Blogueiros
O código se coloca em cima ou a baixo dessas linhas??
ResponderExcluirvc poderia disponibilizar um demo deste widget?
ResponderExcluirficaria grato
Free Step Tube a imagem é a demostração
ResponderExcluirArce Cidadania veja aqui: Personalizar LinkWithin (Posts Relacionados): Mudar Cores e Efeitos
Adustina Cidade deve ter faltado algum detalhe por exemplo < ' / > " nos códigos, veja também se não apagou algo por engano
ResponderExcluirEnricks Pre
ResponderExcluiros códigos são abaixo das linhas que falamos para procurar
Preciso agradecer demais pelos seus tutoriais, são essenciais!!!
ResponderExcluirMuito obrigada Fabiano!!
Olá Fabiano nesse gadget tem como mostrar a imagem do post como tem no exemplo? eu testei no meu blog e só apareceu o titulo do post
ResponderExcluirHenrique Araújo eu apenas testei o código e depois retirei.
ResponderExcluirmas a imagem que aparece tem imagem?
Olá Fabiano,
ResponderExcluirTentei tudo que podia, mas não deu para apagar o titulo do Gadget PopularPost.
tem mais alguma sugestão?
Fico Grata...
tente colocar isso aqui como titulo:
ResponderExcluiré um espaço vazio, talvez funcione
Valew pela dica, ficou muito legal =)
ResponderExcluirhttp://www.aindatorindo.com/
Fabiano tenho duas perguntas, tem como editar a cor do link que aparece?
ResponderExcluirA postagem relacionada só aparece quando o visitante rola a página toda para baixo, tem como colocar para aparecer se rolar um pouco a página já aparecer?
Rosiel T.S. eu não testei, mas tente colocar antes do post.body para ver se ao começar a rolar a pagina funciona.
ResponderExcluirFabiano não deu certo, mas vou deixar assim mesmo.
ResponderExcluirE sobre a aparência do link, tem como trocar a cor?
tente colocar o código
ResponderExcluir#bpslidein_place_holder a{color:#000}
no html do seu blog para ver se funciona.
Essa dica já funciona na visualização ou apenas quando salva o template?
ResponderExcluirAndrias para dizer a verdade não testei só com a visualização.
ResponderExcluirmas faça um backup do seu template antes de fazer as alterações assim não terá problemas em voltar ao modelo atual se não gostar do resultado ou der algum erro
Olá Fabiano,
ResponderExcluirEu coloquei no meu blog e funcionou perfeitamente, mas eu queria que ele aparecesse somente na página inicial, como eu faço?
Desde já obrigado.
Esse site é o melhor, parabéns, todos os dias acesse e tenho utilizado muitas dicas em meu blog http://www.marciosouza.com/
ResponderExcluirrama veja o segundo trecho do código:
ResponderExcluirb:if cond='data:blog.pageType == "item"'
troque a palavra item por index
isso faz aparecer somente na pagina inicial
Olá Fabiano,
ResponderExcluirTentei inserir no meu blog mas infelizmente não foi possível. Fiz tudo certinho, tentei várias vezes, mas não deu certo. Poderia me ajudar?
Se quiser dar uma olhadinha, meu blog é http://www.bovoqui.com
Abraços,
Pietro
basicamente é só colocar os códigos, mas talvez tenha alguma alteração no seu template que gerou o erro
ResponderExcluir@Fabiano Roberto
ResponderExcluirAh...
Obrigado pela resposta.
Então quer dizer que não dá para eu colocar essa funcionalidade no meu blog?
Você tem ideia do que poderia estar ocasionando esse erro?
Obrigado,
Pietro
não editamos blogs de outras pessoas muita gente fala sobre isso mas não seria possivel atender a todos
ResponderExcluirnos testes que fiz funcionou, mas precisa testar colocando o código depois de uma dessas linhas
div class='post-footer-line post-footer-line-1'
p class='post-footer-line post-footer-line-1'
data:post.body/
veja se não deixou nenhum código sobrando quando fez os testes
@Fabiano Roberto
ResponderExcluirOk,
Muito obrigado pela atenção!
Funcionou no meu blog mas tenho uma pergunta.. Em todas as paginas são sempre os mesmos posts que aparecem.. Tem como mudar os post que aparecem?
ResponderExcluirGustavo não temos como controlar quais posts aparecem.
ResponderExcluirconcordo com você que deveria mudar, mas é o facebook que escolhe o que aparece com base nos cliques do botão curtir.
Legal esse gadget! Minha dúvida é a seguinte: Tem como alterar o momento em que ele aparece? Pergunto isso, pois ele aparece apenas quando chega no rodapé do blog, no final mesmo, aí se for possível alterar o código para aparecer ao passarmos pelo final do post fica bem melhor e não no final do blog? Desde já agradeço! Deus vos abençoe! ;)
ResponderExcluiracho que não tem como fazer essa configuração para exibir somente ao chegar ao final do post
ResponderExcluirEstá bem então, Fabiano. Obrigado mesmo assim! É que tenho uma breve impressão que o LinkWithIn não está recomendando de forma aleatória como antes. Às vezes são sempre as mesmas recomendações e não sei o que pode ser. Já fui na página de suporte e enviei um e-mail. Estou aguardando a resposta deles...
ResponderExcluir