MASIGNCLEAN101

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.

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!
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

Que partilha generosa...

Tanto já aprendi consigo,

Olha que já inseri no meu espaço
e Nando meu Marido já colocou no
dele e deu certinho,ficou perfeito
e foi muito fácil.

Mais uma vez grata,desejo-te
uma noite de muita paz.

15 de abril de 2014 21:02
avatar

oi, tem que como deixar esse widget só para postagens de um determinado marcador?

21 de abril de 2014 12:02
avatar

Fico feliz que tenha sido útil, e que tenha compartilhado sua experiência conosco. Abraço!

21 de abril de 2014 23:42
avatar

Obrigado pela participação! :)

23 de abril de 2014 23:00
avatar

muito bom esse site, gosto muito dele. Valeu pela dica!

6 de junho de 2014 13:11
avatar

Eu queria exibir posts recente de outro blog no meu, como faço?

16 de agosto de 2014 05:31
avatar

oi adorei o código porém queria saber se tem como alterar a altura e a largura individualmente

29 de setembro de 2014 20:44
avatar

Ótima dica.Já estou testando no meu blog:
www.miinteressa.com

2 de janeiro de 2015 14:14
avatar

Fácil de instalar e de personalizar. Resultado ficou muito bom!
Obrigado.

14 de março de 2015 22:10
avatar

Sim , aonde está 140 , vc altera para o tamanho que vc desejar .

2 de abril de 2015 00:30
avatar

Cara, muito obrigada. Funcionou e ficou uma graça. Parabéns. Aqui está se quiser conferir. www.gosteigostasse.com.br

18 de abril de 2015 11:30
avatar

Olá gostaria de saber se tem como exibir o título da postagem abaixo de cada imagem e se funciona por categoria. Desde já, agradeço pelo tutorial!

26 de abril de 2015 16:20
avatar

PERFEITO!
Deu certinho.
Tanks!! :)

25 de julho de 2015 18:54
avatar

tem algum widget que faça essa mesma função na plataforma WEBNODE?

13 de agosto de 2015 16:23
Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!