Gadget postagens recentes com imagens

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Hoje lhes trago um Gadget para blogger que nos ajuda a implementar em nosso blog as “Ultimas Postagens” (Post Recentes) com imagens em miniatura.

 

Nesta imagem você pode ver como fica este Gadget em seu Blog:

 

Dicas Blogger

Veja que é o mesmo que eu estou usando aqui no blog   →

 

Como colocar o Gadget Postagens Recentes com Imagens no blog?

 

Vá em Layout → ModeloElementos de página → Escolha onde quer adicionar o gadget de Postagens recentes com imagens

Clique em Adicionar um elemento de página → Escolha tipo HTML → Copie o código abaixo e cole no gadget.

 



Para que o Gadget Postagens Recentes com Imagens funcione perfeitamente em seu blog, na última linha você precisa substituir “SEUBLOG” pelo nome do seu blog.

Para personalizar ou configurar este Gadget siga as instruções:

Nos estilos, por exemplo, você ver que o tamanho padrão dos thumbnails ou miniaturas de imagens, é de 70×70 pixels, e que estas miniaturas tem uma borda. Também, nos estilos você pode mudar os estilos das fontes.

No final do código você verá uma serie de variáveis:

  • numposts: indica o número de postagens que são mostradas (por padrão, “5″).
  • numchars: indica o número de caracteres dos resumes (por padrão, “80″).

As seguintes variáveis podem ser mudadas de “true” a “false” (ou vice-versa) para habilitar ou desabilitar alguma das funções:

  • showpostthumbnails: mostra a miniatura da imagem.
  • displaymore: mostra o link “Leia mais”.
  • displayseparator: mostra uma linha de separação entre cada item.
  • showpostdate: mostra a data de cada post.
  • showpostsummary: mostra um resumo de cada post.
.

34 Comentários

  1. Quando aumento o tamanho da imagem ela perde muita qualidade… tem algum modo de aumentar sem que isso aconteça? E como faço para retirar o negrito do título da matéria que fica logo abaixo da imagem do gadget?

    Responder

    • Olha eu testei esse gadget aumentei o tamanho da imagem e ficou normal. Que tamanho você gostaria de colocar?

      Com relação a retirar o negrito é só você adicionar:

      font-weight:normal;

      Responder

  2. Existe uma forma de variar este código para atender a somente um marcador especifico? Tenho um Blog de Cinema, que trabalha com notícias, trailer, posters e críticas….queria essa lista, porém apenas para as críticas.

    Responder

  3. Gostaria de fixar algumas postagens, como neste exemplo – miniaturas com fotos, e deixá-las como post fixos na lateral, ou seja, quero deixar 5 postagens em miniatura sem alterações por conta de postagens mais atuais.
    É possivel?
    Grato pela atenção.

    Responder

  4. Teria como mostrar em um post como fazer para estas postagens ficar em rotação?
    todas as postagem que ja foram feitas no blog ficar passando em sequencia na vertical com imagem(avatar do post.
    eu tinha um assim porem acho q o jquerry deu pala e nao sei mexer.

    Responder

  5. Thanks pelo gadget, só queria saber se tem como tirar a pate alí dos comentários, por que eu uso outro sistema de comentários, ai fica escrito “undefined”, tem como tirar?

    Aguardo respostas.

    Abraços.

    Responder

  6. TENHO O SEGUINTE FRAGMENTO DE CODIGO

    href=’http://amarelobordo.blogspot.com.br/’

    PERGUNTA:
    COMO FAÇO PARA O COMENTARIO SER REFERENTE AO POST E NAO AO BLOG?POREM QUERIA AUTOMATICO.

    Responder

    • Devido a este codigo estar referenciando a pagina, qdo curto,comento ou compartilho algo, sempre fica no face o link da pagina e nao do post, gostaria de saber uma forma que o link do post seja pegado automaticamente no momento de curtir, comentar ou compartilhar com o face.
      Caso possa me add no face pra gente conversar, http://fb.com/admilson.monteiro.73

      Responder

  7. Tenho utilizado as dicas do “fb” pois são ótimos, está dica estou precisando para colocar no meu blogue, mas não sei o que acontece, pois o código não aparece, poderia rever por favor!

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.