A carregar...

Jun
16


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)

mensagens recentes
    artigos recentes
      widgets
      blogger






      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