Tutorial: Postagens recentes abaixo do menu

Vocês não tem ideia de como eu tava com saudade daqui! Estive viajando, por isso não postei nada nesses últimos dias. E para compensar o sumiço, trouxe um tutorial bastante pedido aqui no blog: Decomo colocar as postagens recentes abaixo do menu. Não é nada difícil e dá pra configurar sem problemas. Então vamos ver?

 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

Preto: 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!

E aí? Gostaram do tutorial? Lembrando que qualquer dúvida, só entrar em contato!