14 de abr de 2014

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

16 comentários

  1. 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.

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

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

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

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

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

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

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

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

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

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

    ResponderExcluir

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!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo