Mostrar ultimas postagens de um blog (com imagens) Sex maio 11, 2012 4:34 pm
flush
Mini Blogueiro
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.
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:
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.
Tutorial de: Códigos Blog
Veja também:
5 dicas para melhorar o titulo das suas postagens
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:
- Código:
<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.
Tutorial de: Códigos Blog
Veja também:
5 dicas para melhorar o titulo das suas postagens