Post recentes no topo do blog


Foto: http://favim.com/

Gente finalmente eu consegui colocar os posts recentes no topo do blog, até que fim haha. Procurei um milhão de tutoriais através do Google por alguns blogs mas nenhum funcionava no meu blog, não sei porque isso acontecia, mas o que importa agora é que eu consegui, achei um tutoria que funcionou e o melhor é super simples de fazer. 

HTM Love foi o blog onde eu encontrei o tutorial e como eu não sei mexer muito com HTML resolvi copiar e trazer para cá com umas pequenas modificações na legenda das cores por causa de algumas configurações específicas do meu layout, para que vocês também pudesse desfrutar, o HTM Love disponibiliza vários outros tutoriais bem legais e de uma maneira bem explicada e simples de fazer, vale apena dar uma conferida. Agora vamos ao tutorial para colocar os posts recentes no topo no seu blog.


No painel do blogger, clique em mais opções >> Layout >> Adicionar um Gadget >> HTML/ Javascript;

Cole no gadget de HTML o seguinte código fazendo as alterações necessárias: 

<center><div id='bp_recent'></div> <script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script> <script style='text/javascript'> var numberOfPosts = 5; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 190; var imgFloat = 'right'; var myMargin = 12; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://LINK-DO-SEU-BLOG/feeds/posts/default?max-results=18&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script></center>

Legenda:

Vermelho: Número de post a ser exibido
Amarelo: Tamanho das imagens
Azul: Espaço entre as imagens
Negrito: Link do seu blog

Configure da forma que fique certinho em seu blog. Após fazer isso, é só você arrastar o gadget e posicioná-lo abaixo do gadget de páginas. Deverá ficar assim: 


Depois você clicar em "Salvar Organização" no canto superior direito e pronto! Você terá as postagens recentes abaixo do menu com atualização automática, ou seja, você não vai precisar trocar o link e imagem a cada postagem publicada!


Funcionou no meu blog, caso dê algum problema você pode entrar em contato com a dona do HTM Love que ela tira suas dúvidas. 





5 comentários:

  1. ai que pena no meu não deu certo :(

    Tem post fresquinho no blog,corre pra conferir
    Blog Delineado Rosa / Sorteio de um kit de pinceis is-mine
    Big Beijos

    ResponderExcluir
    Respostas
    1. Pesquisa no Google outras maneiras, pode ser que uma delas dê certo no seu.
      Beijos e boa sorte.

      Excluir
  2. Deu super certo, muito bom e fácil ^^ http://iimbrubs.blogspot.com.br/

    ResponderExcluir
  3. Amei muito obrigado! Beijos!
    http://sorrisodevida.blogspot.com.br/

    ResponderExcluir