Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1495741411
Vida do cache: 1495784611
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Widgets

Últimas postagens com imagem

Colocar uma lista com as últimas postagens em sua sidebar é uma forma de divulgar o seu próprio conteúdo dentro do seu próprio blog. Muito eficiente para “segurar” os famosos pára-quedistas, pois ao “caírem” em seu blog em busca de um conteúdo, podem gostar de outro conteúdo exposto por esse widget.

Aqui no Códigos Blog uso esse recurso e os resultados são evidentes. Para adicionar esse widget com imagens siga os passos abaixo:

– Faça login no Blogger, entre em “Layout” -> “Elementos da Página”. Na sidebar, clique em “Adicionar um Gadget”.

– Escolha inserir “HTML/JavaScript“.

– Cole o seguinte código no local:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://SEU_BLOG.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript">
</script>

  • Substitua: http://SEU_BLOG.blogspot.com/ pelo link completo do seu blog.

- Aprenda a modificar o widget:

BoxWidth - Largura do widget;
cellspacing - Espaço entre os células;
borderColor - Cor do fundo do widget;
thumbHeight - Largura e altura da imagem;
fntsize -Tamanho da fonte do título;
acolor - Cor do título;
aBold - Você quer títulos em negrito? (Use true para colocar e false para retirar);
numposts - Quantas postagens você quer mostrar? ;
home_page: URL do seu blog.
text - Texto usado para marcar número de comentários em cada post.


- Salve e pronto!

  • Esse widget é desenvolvido por: Blogger Tricks, apenas divulguei o seu trabalho aqui no Códigos Blog.

Tags: Últimas postagens no blogger, últimos posts com imagem, widget últimas postagens.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

41 Comentários

  1. Dan disse:

    Não teria como colar um que mostrasse apenas as postagens q eu achace melhor?

  2. maximumforma.com disse:

    Paulo passei para conhecer seu blog ele é espetacular muito bacana
    fatástico desejo muito sucesso em sua caminhada e objetivo no seu Hiper blog e que DEUS ilumine seus caminhos e da sua família
    Um grande abraço e tudo de bom
    Ass:Rodrigo Rocha

  3. Dav7 disse:

    era mesmo o que andava a procura, mas esta a dar trabalho…

    n meu blog Guia-do-neobux.com a pub widget by blogger tricks aparece do lado direito, no email-divertido.blogspot.com aparece como deve, por baixo

    andei a ver css, pensei que era por cause do display:block mas nem isso nem outras coisas que tentei resultaram 🙁

  4. Anubis disse:

    Valeu Mesmo!!!!

  5. Cranberrie disse:

    Veio, valeu pela dica, sem duvida vai aumentar o fluxo do meu blog em 100%,agora me fala como deixar esses posts aleatórios?

    http://www.marketingpessoaletudo.blogspot.com/

  6. Roger disse:

    Não gostei (do widget) mas é legal o artigo!

  7. Paulo Estevão disse:

    @Dan,
    É simples, crie um widget de links e coloque os links lá.
    Não precisa de código para isso.

  8. Benhur disse:

    Ou, eu tava dando uma olhada no código, e vi que tinham varios urls de imagens, aquilo deve ser o "no image" ..
    Entao quer dizer que toda vez que eu postar algo novo terei de trocar aquelas imagens? ou elas se atualizam sozinhas?

  9. Iora disse:

    Gostei desse widget, ele é bem interessante e espero que ajude bastante. =D

  10. Paulo Estevão disse:

    @Benhur,
    Isso faz parte do código. Não falei nada de modificar isso no post. Então não é necessário.

  11. Os passatempo da Carracita disse:

    Coloquei direitinho o script e fiz as alterações que necessitei, mas tenho um problemita, pois quero poder mostrar na lista mais de 20 postagens na lista e quando coloco em "numposts" mais de 10 a lista não aparece no blog. Podem-me ajudar? Gostava de ter a lista actualizada sempre que criasse uma nova postagem.
    Obrigada

  12. DANILLO DOWNLOAD'S disse:

    Fera teria como vc colocar no blog um widget igual aquele do baixaki, que tem homepage!!
    falo!!

  13. Marcos Pontes disse:

    Meu irmão muito boa a postagem. Utilizei a dica mas no meu blog não aparece a imagem. Obs. As imagens que utilizo eu copio do meu pc. O que será que pode estar acontecendo. Se quizer dar uma olhada o endereço é http://dicasdocatimba.blogspot.com. Ficarei muito agradeçido se tiver uma solução. Sucesso sempre. Saúde e Paz. Marcos Pontes

  14. Bull Bull disse:

    Mas como fazer para colocar os meus post que eu quero em vez dos 5 ultimos.

    o meu endereço é http://www.mercadosbull.blogspot.com

  15. Mylla (Sobrenatural BR) disse:

    Estou usando este widget em meu Blog,desde o dia que vi aqui!
    E ameii!!ele funciona muito bem, atualiza rapidamente e dá um visual muito bonito à sua página!
    recomendo muito!
    Aliás, recomendo tudo neste site!Parabens Paulo!vc faz um trabalho muitooo perfeito! Muitas coisas em meu blog tenho graças as suas dicas! =)

  16. Jonico disse:

    Paulo…
    antes de mais nada, muito obrigado. Seus artigos têm ajudado a dar aquela encrementada no meu blogue, e mesmo tendo assinado o feed, eu não espero por novos artigos, até porque o que tem demais aqui é artigo pra ler ne? Vou "linkar" o teu blogue ao meu.

    Agora falando deste widget… a resposta a pergunta do @Benhur, me faz perguntar o que faço, já que as imagens não se actualizam sozinhas de jeito nenhum no meu blogue?

    Há alguma outra coisa que deva ser feita a fim de que as imagens apareçam?

    meu blogue é: http://manaminga.uni7.net

    agradeço a ajuda neste sentido.

  17. Jorge Louis Martins disse:

    desculpa eu sei que não tem nada haver com a postagem , mas eu quero e peço que vc post aqui no seu site os cógigos deste slide aqui igual deste site: http://www.sonoticias.com.br/

    é porque me parece que ele é bem leve, mais leve do que o que eu tenho aqui no meu blog: veja: http://www.jlmartinns.net

    caso vc postar, envia a postagem para o meu e-mail:? jl.martinns@hotmail.com para eu ficar sabendo que vc postou,, é que as vezes eu fico sem internet e passo dias sem atualizar meu blog,
    ]

    me faça esse favou ok?

    grato

  18. Paulo Estevão disse:

    @jonico, o script atualiza sozinho.

    @bull, @os passatempo,
    No lugar de 5 em "numposts" coloque o tanto de postagens, mas é quase certeza que o limite são 10 postagens.

  19. ovendedordelivros.com.br disse:

    Olá amigo!!

    Obrigado pela dica. Há tempos estava tenatndo implantar este widget no meu blog e não achava, ou se achava não conseguia implantar pela complexidade na explicação. O seu método passo-a-passo é fundamental para quem está começando.

    Um abraço e boas leituras!!!

  20. Lulu Sempre Romantica disse:

    Muito bom esse tópico!

  21. Só na Zueira disse:

    O unico problema que os vídeos não aparecem , pq ? no meu blog http://www.sonazueira.com tive que substituir por uma imagem do youtube.

  22. johnathan kennedy (: disse:

    Parabéns pela dica amigo, fucionou perfeitamente no meu blog!

  23. SERVIÇO SOCIAL BRASILEIRO disse:

    muito bom, obrigado…

  24. Natália disse:

    Parabens, não adicionei ainda no blog, porque estou desesperada mudando tantas outras coisas, mas logo adicionarei esse código 😀

    Mas pedindo assim, *-* , vocês tem alguma matéria quando a perfil do autor do blog, e abaixo a equipe, com foto e tals 😀 *-*

    Obrigadaa *-*

    http://bloggitando.blogspot.com

  25. Diêgo Cesar disse:

    Olha, consegui (sei lá como) inserir o widget e até alterei seu tamanho, mas não mostra imagens (no image); por quê? Obrigado, o blog aqui é muito útil.

  26. Marcos disse:

    Como coloco as postagens na horizontal?

  27. BlogFull disse:

    Obrigado!.

  28. Juliano Silveira disse:

    Obrigadu! Amei esta dica e já está no meu blog! Muito mais bacana que a oferecida pelo Blogger!

  29. Vivendo pela Palavra de Deus!!! disse:

    Amei!! Não conhcecia essa ferramenta, ficou otima!! Valeu. Uma boa tarde e parabens pelo site!!

  30. Marilis e Jana disse:

    Deu certo!!! Estou gostando do blog.
    http://fashionshe.blogspot.com/

  31. Sam Armani disse:

    olá paulo eu gostaria de colocar o widget mas quando coloquei, mas coloquei enves da home coloquei uma categoria e nao funciona teria alguma possibilidade de u colocar o links das ultimas postagens d euma determinada categoria?

  32. Adn... disse:

    Você está de parabéns!!! Ficou ótimo!
    Obrigado e um abraço.

  33. Colunista critico disse:

    Teria como ensinar a inserir o código para aparecerem debaixo das postagens do blog, somente na parte interna?

    Obrigado Paulo!

  34. Léo Silveira disse:

    Muito Obrigado, ficou perfeito. Parabens pelo espaço e conteúdo.

  35. Paulo Estevão disse:

    @Conulista,
    sim.

  36. Valdemir Santos Pedrozo disse:

    Parabéns, Já adicionei no meu blog, ficou bem legal, só assim quem sabe a minha taxa de rejeição melhore um pouco. Obrigado

  37. Estou sempre procurando melhorar o meu blog. Sempre acesso seu blog e encontro varias ajudas. Obrigado!

  38. Isa disse:

    Ola, adicionei o codigo mas não aparece nada , fica vazio/branco. O Que tem de errado?
    Obrigada

  39. Rebeca Lima disse:

    Nossa cara valeu!! deu certo msm, otiimo post ta mt bem explicado,num tem erro! obg’

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.