Banner Animado Mostrando Últimos Artigos do Feed

Usar feed em se Blog é indispensável, para levar mais praticidade aos seus leitores. O serviço de feed mais usado por blogueiros é o FeedBurner, do Google. Dentre os inúmeros recursos que ele disponibiliza, podemos criar um banner animado (como este acima), mostrando os últimos artigos do Feed de seu Blog, sendo possível até que outros Blogs coloquem este banner em seu Blog, como uma maneira de prestigiar e compartilhar o seu trabalho.

O FeedBurner é o serviço de Feed mais usado por blogueiros, pela praticidade e a riqueza em recursos para otimizar e compartilhar o Feed de seu Blog. Se você não possui um serviço de Feed, é recomendável que use já, para facilitar a vida de seus leitores e fidelizar-se com eles.
   -> Google FeedBurner - Inicie Serviço de Feed em seu Blog

Não sabe o que é Feed nem Newsletter? Recomendo a leitura destes artigos:
   -> O que é Feed?
   -> O que é Newsletter?

Anteriormente, publiquei uma alguns artigos apresentando recursos úteis e fundamentais do FeedBurner. Veja alguns deles abaixo:
   -> Divulgando seus posts automaticamente no Twitter
   -> Links para Compartilhar o Feed de seu Blog

Este recurso permite que você crie um banner animado mostrando os últimos artigos de seu Blog, sem a necessidade de saber qualquer tipo de código. Para criar este banner e adicionar em seu Blog, você deve acessar o FeedBurner e procurar pela aba Publicize.

No menu lateral, procure pela opção Headline Animator.

Assim como todos os recursos do FeedBurner, antes de usá-los, é preciso ativá-los. Para isso, vá até o final da página e clique no botão Activate.

Após ter ativado o recurso, você poderá configurá-lo. Em Theme, você configura o tamanho e cor do banner. Em Title, você coloca algum título no Banner, preferencialmente, o título de seu Blog. Em Headlines, você configura a aparência de seu Banner e, em Dates, você configura a data que aparecerá no banner. Assim que terminar de configurá-lo, clique em Save, encontrado no final da página.

Após salvar, volte ao topo da página, onde está o seu banner, e procure por Add to MySpace, TypePad, etc., seguido de um menu suspenso. Neste menu suspenso, escolha a opção Other (just gimme the code) e clique no botão Next >> ao lado.

Uma janela popup será aberta. Copie o código que está na caixa de texto. Este é o código de seu banner animado.

Agora, vá até o painel do Blogger, e vá em Layout -> Elementos da Página -> Adicionar um Gadget -> HTML/JavaScript. Cole o código de seu banner animado e salve. Este recurso que mostrei é mais uma ótima criação do FeedBurner. Caso ainda não tenha assinado nosso feed, assine já e mantenha-se atualizado.