Post recentes no topo do blog

by Maria Lúcia - 08:24

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.

O 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!