Posts Recentes com Imagens

Nota:10

A instalação é muito simples, e o widget é bastante customizável

A) Preparação

1. Inicialmente você precisa escolher algumas imagens - 5 no total. Essas imagens serão usadas de maneira rotativa quando seus posts não possuírem imagens publicadas. Faça o upload das imagens em seu site de hospedagem preferido. Recomendo o álbum Picasa de sua conta do Google. Anote o endereço das imagens "upadas".
2. Hospede o arquivo JavaScript utilizado no Widget em seu site de hospedagem preferido. Baixe-o pelo link a seguir: recentposts_thumb.js

B) Instalação

1. Na Guia "Layout", em "Elementos de Página", adicione um gadget HTML/JavaScript;
2. Coloque o título que preferir para seu widget;
3. Copie o código a seguir e cole no box:

01

39

C) Explicação dos ítens e customização

Esse Widget utiliza uma tabela formada pela thumb da imagem, título do post, data do post, número de comentários e sumário do post. A customização, portanto, será dos ítens da tabela.

Nas primeiras linhas você deve colocar o endereço das imagens que você hospedou.

showRandomImg = true;: nos posts onde não há imagens publicadas, o local da tabela destinado às imagens será preenchido pelas imagens hospedadas de forma rotativa.

tablewidth = 230;: escolha a largura para a sua tabela.

cellspacing = 2;: determine o espaço entre as células da tabela.

borderColor = "transparent";: defina a cor da borda da tabela - observação: essa borda é externa, ela aparecerá como se fosse um "background" do container dos dados. Optei por "transparent" que se adapta melhor a qualquer cor de template.

bgTD = "transparent";: escolha a cor de background dos dados da tabela - observação: esse background é interno. Também optei por "transparent", o que não irá interferir na cor do template.

imgwidth = 40;: coloque a largura que deseja para as miniaturas das imagens.

imgheight = 40;: escolha a altura para as miniaturas das imagens.

fntsize = 12;: determine o tamanho da fonte em pixels para o título dos posts, data e número de comentários.

acolor = "#333";: escolha a cor da fonte para o titulo dos posts, data e número de comentários.

aBold = true;: true para fonte do título em negrito, false para fonte normal.

icon = " ";: não faço a mínima idéia para que serve... :o (sério, mea culpa, não estudei o arquivo JS tão profundamente para entender esses "icons")

text = "comentários";: escolha o texto que você quer que apareça após o número de comentários.

showPostDate = false;: true para mostrar a data do post, false para omitir.

summaryPost = 50;: defina o numero de caracteres que você quer mostrar como resumo do post. Se quiser que apareça apenas o título, defina "0" (zero) para esse ítem.

summaryFontsize = 5;: tamanho da fonte em pixels para o resumo do post.

summaryColor = "#666";: determine a cor da fonte para o resumo do post.

icon2 = " "; : Hãn??

numposts = 8;: escolha quantos posts você deseja mostrar no Widget.

home_page = "http://SEU-BLOG.blogspot.com/"; : substitua com o endereço do seu blog.


No final há a chamada para o arquivo JavaScript. Coloque o endereço de hospedagem de seu arquivo.