17 de julho de 2009

Como adicionar imagens no widget "Posts Recentes" do Blogger/Blogspot

Posts Recentes com imagens em minatura

Encontrei essa dica no Blogger Tricks e ela explica como adicionar imagens em miniaturas no widget "Posts Recentes" do Blogger/Blogspot. A instalação é simples e basta você seguir os passos abaixo. Sempre bom lembrar, antes de começar faça um backup do seu template.

Entre no painel do blogger. Vá em Layout. Na siderBar, clique em Adicionar um Gadget. Escolha adicionar "HTML/JavaScript". Copie código abaixo e cole nessa nova gadget.

<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 = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://enderecodoseublog.blogspot.com/";
</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript">
</script>



Substitua o que está em vermelho pelo link do seu blog. Salve e veja como ficou.

Adequando o widget as configurações do seu blog

Se você quiser, pode alterar algumas partes do código adaptando-o para as configurações do seu blog. São elas:

boxwidth: Largura do widget.
cellspacing: Espaço entre as células.
borderColor: Cor da borda.
thumbwidth & thumbheight: Largura e Altura da miniatura.
fntsize: Tamanho da fonte do título.
acolor: Cor do título.
aBold: Sim (true) ou Não (false) para o título em negrito.
numposts : Número de posts que você desejar exibir.
home_page: http://enderecodoseublog.blogspot.com/ (colocar o link do seu blog)

É isso.

3 comentários:

  1. valeo pela dica!! já instalei no meu blog

    ResponderExcluir
  2. Agora ele não carrega vídeos pq ? só serve para imagens? Meu blog: www.sonazueira.com , estou testando em outros blog de teste antes de colocar no principal e os vídeos não aparecerem "no image".

    ResponderExcluir
  3. Grande dica, usei no meu blog www.magnobarros.com e está funcionando perfeitamente.

    ResponderExcluir

LEIA AS REGRAS COM MUITA ATENÇÃO:

- Seu comentário precisa ter relação com o assunto do post;
- Não inclua links desnecessários no conteúdo do seu comentário;
- Se quiser deixar sua URL, comente usando a opção OpenID;
- Comentários com CAIXA ALTA, miguxês ou erros de ortografia não serão aceitos;
- Ofensas pessoais, ameaças e xingamentos não são permitidos.