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.
Tags:
