Ú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:
1º – Faça login no Blogger, entre em “Layout” -> “Elementos da Página”. Na sidebar, clique em “Adicionar um Gadget”.
2º – Escolha inserir “HTML/JavaScript“.
3º – 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.
4º - 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.
5º - Salve e pronto!
- Esse widget é desenvolvido por: Blogger Tricks, apenas divulguei o seu trabalho aqui no Códigos Blog.
Não teria como colar um que mostrasse apenas as postagens q eu achace melhor?
Procura no google “Postagens em destaque” tem um widget pra isso
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
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 🙁
Valeu Mesmo!!!!
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/
Não gostei (do widget) mas é legal o artigo!
@Dan,
É simples, crie um widget de links e coloque os links lá.
Não precisa de código para isso.
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?
Gostei desse widget, ele é bem interessante e espero que ajude bastante. =D
@Benhur,
Isso faz parte do código. Não falei nada de modificar isso no post. Então não é necessário.
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
Fera teria como vc colocar no blog um widget igual aquele do baixaki, que tem homepage!!
falo!!
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
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
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! =)
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.
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
@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.
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!!!
Muito bom esse tópico!
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.
Parabéns pela dica amigo, fucionou perfeitamente no meu blog!
muito bom, obrigado…
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
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.
Como coloco as postagens na horizontal?
Obrigado!.
Obrigadu! Amei esta dica e já está no meu blog! Muito mais bacana que a oferecida pelo Blogger!
Amei!! Não conhcecia essa ferramenta, ficou otima!! Valeu. Uma boa tarde e parabens pelo site!!
Deu certo!!! Estou gostando do blog.
http://fashionshe.blogspot.com/
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?
Você está de parabéns!!! Ficou ótimo!
Obrigado e um abraço.
Teria como ensinar a inserir o código para aparecerem debaixo das postagens do blog, somente na parte interna?
Obrigado Paulo!
Muito Obrigado, ficou perfeito. Parabens pelo espaço e conteúdo.
@Conulista,
sim.
Parabéns, Já adicionei no meu blog, ficou bem legal, só assim quem sabe a minha taxa de rejeição melhore um pouco. Obrigado
Estou sempre procurando melhorar o meu blog. Sempre acesso seu blog e encontro varias ajudas. Obrigado!
Ola, adicionei o codigo mas não aparece nada , fica vazio/branco. O Que tem de errado?
Obrigada
Você usa marcadores nas postagens? Tem que usar…
Nossa cara valeu!! deu certo msm, otiimo post ta mt bem explicado,num tem erro! obg’