quarta-feira, 25 de maio de 2011

Postagens recentes com imagens na sidebar

Encontrei essa dica no Blogger Tricks.
Se você quiser incluir na sua siderbar a lista dos seus posts recentes com imagens é bem fácil.

Veja ilustração abaixo:

Vá até 'Design' → Clique em 'Adicionar um elemento de página'→ Escolha tipo 'HTML/Javascript'.

Copie e cole o código abaixo:

<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";
imgr[5] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 360;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "ENDEREÇO DE SEU BLOG AQUI";
</script>

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


Alguns elementos você poderá alterar de acordo com o modelo do seu template, e são eles:

boxwidth = 368 --> indica a largura da sidebar.(Altere de acordo com o tamanho da sua sidebar)

numposts = 5 --> Indica o número de postagens que você quer que apareça.
borderColor = "#ffffff" --> Você pode editar a cor do fundo.

Não esqueça de incluir o endereço do seu blog no local indicado.

0 comentários:

Postar um comentário