Web Dois Ponto Zero: Lista de posts recentes em Ajax

Lista de posts recentes em Ajax - animada

A lista de posts recentes que acabei de colocar no topo do meu blog é muito fácil de implementar e dá um magnífico efeito uma vez que é feita em Ajax e, assim, implementa algum movimento / animação ao texto.
É um excelente tweak, que tirei com algumas outras coisas, do excelente blog http://hoctro.blogspot.com. Um obrigado para ele!
Venham pois daí para ver como se faz:

Antes de tudo não se esqueçam de fazer backup ao vosso template antes de começar a mexer no código html do vosso blog.

1. Sacar a chave/key Google API do blog

Para isso basta ir a http://code.google.com/apis/ajaxfeeds/signup.html e preencher uma caixa de texto que lá está com o URL do vosso blog.
No ecrã seguinte aparece logo a vossa chave/key que devem copiar pois vão utilizá-la já a seguir.

2. Inserir o script

Editem o vosso código html e procurem pela tag


</head>

Imediatamente antes dela coloquem o seguinte código:

Não se esqueçam de colocar a vossa Google API key neste código, em vez de "YOUR-KEY"

3. Criar Widget para receber a lista

Criem um widget ("Adicionar uma miniaplicação") "HTML/JavScript" e coloquem lá, no conteúdo (no título não ponham nada), a seguinte linha de código:


A carregar...

E já está...
Para adaptarem as cores ao vosso blog, joguem com o css que aparece no script:


.gfg-title {

color : #612e00;

background-color: #FFF3DB;

}

.gfg-title a {

color : #612e00;

}

.gfg-root {

border: 1px solid #956839;

font-family: "Georgia", sans-serif;

}

Boa sorte!

Em futuro post direi como se implementa a lista de blogs que andamos a ler, numa apresentação similar a esta, como podem apreciar no footer deste meu blog.