Widget últimas postagens horizontal com imagens para Blogger

Que tal mostrar as últimas postagens do seu blog usando um widget? Anteriormente publiquei uma postagen que se tratava do mesmo widget mas, que exibia as postagens recentes de forma vertical, mas uma dúvida muito repetida entre os usuários do Mundo Informal, foi se havia algum widget que exibisse as postagens recentes mas horizontalmente. Bom, fiz uma boa pesquisa e encontrei um widget que certamente pode te ajudar! Confira nesse breve tutorial!

Demonstração:

Viu essas 5 imagens quadradas? Elas contam com um link que levam para os 5 posts mais recentes do seu blog! E eles atualizam automaticamente! Legal não?! Para adicioná-lo ao seu blog siga esses passos:

1° passo: Faça login, e/ou vá para seu Painel do Blogger.

2° passo: Acesse o Layout

3° passo: Adicione um novo widget HTML/JavaScript no local em que deseja exibir as postagens recentes com imagens.

4° passo: Cole este código.

<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 = 125; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://mundoinformal.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'> </script></center>

5° passo: Agora vamos personalizar o widget para que exiba corretamente o desejado:

Por padrão, o widget exibe as postagens recentes do Mundo Informal. Para exibir as postagens do seu blog, procure por www.mundoinformal.com e altere com a URL do seu blog.

Caso queira alterar o número de postagens exibidas, procure por:

var numberOfPosts = 5 e altere apenas o número.

6° passo (opcional): Temos ainda algumas alterações opcionais:

• var showPostDate = false; Mude “false” para “true” se você quiser exibir a data das postagens.
• var showSummary = false; Mude “false” para “true” se você quiser exibir uma descrição da postagem.
• var showCommentCount = false; Mude “false” para “true” se você quiser exibir uma contagem de comentário para as postagens.

7° passo: Salve as alterações, e visualize o resultado! Deixe seu comentário e diga o que achou desse widget!

Abraço e até a próxima do Mi!

Share This :