A carregar...



Lista de Posts Recentes


Quando o número de posts do blog começa a crescer, é de bom tom colocar um painel mostrando os títulos, em forma de link, dos últmos posts; Nesse painel costuma ainda aparecer as primeiras palavras/frases que compõem o artigo, para o visitante ficar com uma ideia se vale a pena ler o artigo ou não, e a data de publicação.
É essa funcionalidade que implementei aqui neste blog. No meu caso coloquei-a no footer/rodapé, mas também é usual vê-la na barra lateral. Fica ao gosto de cada um.
Vamos então ver como se pode fazer isso:
1. Adicione um elemento de página em HTML. Pode fazê-lo no footer/rodapé ou na barra
lateral, como já foi dito.
2. Coloque nesse elemento o seguinte conteúdo:





a) Não se esqueça de substituir "blogname" pelo nome do seu blog;
b) Pode alterar o valor das variáveis para o seu gosto. Como estão indicam que:
- o número de últimos posts que vai aparecer é de 5 ( o máximo é de 25);
- o número de (os primeiros) caracteres do resumo do post é de 100;
- mostra a data de publicação;
- mostra o resumo do post;
- o estilo apresentado é o standard. Pode estilizar o seu usando CSS, sendo que o widget tem a seguinte estrutura:
<div class="bbrecposttitle">PostTitle - PostDatediv>
<div class="bbrecpostsum">PostSummarydiv>
<div class="bbwidgetfooter">WidgetFooterdiv>
c) No código, pode substituir
orderby=published por orderby=updated,
se quiser que os posts actualizados também contem como mais
recentes e assim seja colocados no topo do widget.

d) Se pretender que o widget tenha uma largura ou altura
diferentes e que,ao exceder as dimensões que deseja apareça
uma barra de scroll, faça o seguinte:
envolva o widget (o código acima dado) com

// para limitar largura
... código do widget aqui ...


ou

//para limitar altura
... código do widget aqui ...


sendo que o 200 e o 400 são meros exemplos.
Use os seus valores!







                         


Mensagens relacionadas (por Tags)







4 Comentárioa


Anónimo disse...

não tem como aparecer as imagens do post?

vlw!! parabens...

Unknown disse...

veja na barra lateral, na secção Expansíveis/Colapsáveis. É logo o primeiro link.
Obrigado.

Ricky96 disse...

boa tarde.
Como é que se cria as categorias?
Por exemplo:
Widgets:


Código:


THXS

Anónimo disse...

Veja este post:
http://webdoispontozeroplus.blogspot.com/2008/07/criar-categorias-no-blogger.html
O blogger não permite criar Categorias directamente, por isso temos de socorrer-nos do Del.icio.us
No post que refiro acima está lá explicado. Se tiver mais alguma questão, diga.

Enviar um comentário