08/03/2012

Criar Banner Animado com as Postagens Recentes do Blog

Veja como fazer um banner animado mostrando os títulos das postagens recentes do seu blog e que atualiza as novas postagens automaticamente e você pode criar seu banner animado facilmente usando o feedburner e você nem precisa saber mexer em programas para criar imagens animadas ou qualquer outro editor de imagens. Isso pode ajudar a divulgar seu blog e conseguir mais visitas apenas aproveitando esse serviço grátis do feedburner, aproveite e veja outras dicas sobre como usar melhor o feedburner:
Mostrar postagens recentes com o BuzzBoost (FeedBurner)
Configurações do Feedburner - Personalizar as Atualizações por E-mail

fazer banner animado usando o feedburner

Entre na pagina do Feedburner (http://feedburner.google.com), caso ainda não use o feedburner no seu blog veja aqui: Como usar o FeedBurner no blog. Mas quando estiver na pagina do Feedburner clique sobre o feed do seu blog. Agora entre na guia publicar e clique no menu Headline Animator (apresente manchetes animadas).

Você já verá as opções de cores e tamanho do banner, tamanho da fonte (letras), se você quer ou não mostrar a data da publicação da postagem e varias outras opções. Uma coisa interessante é que você pode arrastar os textos no blogger para organizar melhor. E quando terminar de fazer seus ajustes é só ir até o final da pagina escolher um nome para aquele banner animado com os posts mais recentes do seu blog e clicar no botão ativar.

personalizar banner animado

Agora você verá o seu banner pronto e só falta pegar o código do banner animado para colocar no seu blog. Veja que ele oferece varias opções (Add to MySpace, TypePad, etc), inclusive você pode criar esses banners animados para usar no wordpress ou Tumblr. Então escolha a opção blogger ou então pegue o código html na opção other.

colocar banner animado no blogger

Note a opção Include a "Grab this" link, isso inclui no código do banner um link para essa caixa com o código do banner, ou seja, se usar assim quem quiser poderá clicar no link e pegar o código para usar o seu banner animado e assim divulgar seu blog.

codigo do banner animado para colocar no blog

O link padrão é para o feed do seu blog, mas se quiser é possível alterar o HTML colocando o link da sua pagina inicial ou qualquer outra. Mas achamos que usar o link do feed pode ser uma maneira interessante de conseguir mais assinantes para seu feed e claro se as pessoas gostarem vão clicar para ver o seu blog.

Dicas para Blogs
Coloque nossas Dicas no seu blog


Caso deixe o link para quem quiser pegar o código do seu blogger sugerimos trocar o texto ↑ Grab this Headline Animator que é padrão do feedburner, mas isso é muito simples de fazer você só precisa apagar e escrever o que desejar no lugar.

Veja aqui outras maneiras de fazer banners para blogs online e gratuitamente:
Como Fazer Gifs Animados Online para o Blog, Orkut e outros
Editor de Imagens, Fotos e Banners Online

Claro que depois você poderá criar outros banners ou até mesmo editar esse que já criou voltando a essa pagina do FeedBurner para criação de banners(Headline Animator). Você pode ver também um vídeo tutorial sobre criar banners animados usando o feedbuner: como criar um banner animado. E você já tem banners para divulgar seu blog? Ou acha que existem melhores maneiras de conseguir mais visitas e ser conhecido na internet. Deixe sua opinião sobre o assunto.
Related Posts with Thumbnails

33 comentários:

  1. gostei e realmente é simples de fazer

    ResponderExcluir
  2. Uma Dúvida: Fixei gadgets na página inicial do meu blog, abaixo das postagens e coloquei postagens 0; Ai apareceu 'Nenhuma Postagem' e não queria tirar essa frase, eu queria editá-la, tem como ?

    ResponderExcluir
  3. Luciana também gostei, realmente belo post, Fabiano gostei muito do seu blog, tem anunciar aqui?

    ResponderExcluir
  4. Pixel Ds
    você está tentando colocar um aviso de blog em manutenção? se for veja aqui:

    Colocar Aviso de Blog em Manutenção

    ResponderExcluir
  5. Ronaldo Belarmino
    trocamos o template essa semana, então vamos refazer nossa pagina sobre anuncios e brevemente começaremos aceitar anuncios

    ResponderExcluir
  6. Olá.Gostei dessa idéia,só não sei se fiz tudo certo.Meu blog é de artesanato e é legal ficar mostrando as novas postagens.Obrigada

    wwwmyblogpinturaarte.blogspot.com

    ResponderExcluir
  7. Inês Andrade
    entrei no seu blog e vi o banner está certo sim.

    ResponderExcluir
  8. Eu simplesmente amei o novo visual do blog melhor que o outro, e acho que ficou a sua cara, simples como você é, as cores neutras deram um descanso para os meus olhos, e o amarelo deu o destaque que faltava e o melhor é fácil de achar as coisas :} Um beijo enorme tudo de bom pra ti, admiro tudo que faz.

    ResponderExcluir
  9. Você pode me ensinar a colocar flash no blog?
    Obrigado!

    ResponderExcluir
  10. Fabiano, eu acumulei $ 113, 00 este mês no AdSense... Mas só que não está exibindo anúncios do AdSense adicionados do Blog e nem AdSense adicionados pela página?? O que eu faço?

    ResponderExcluir
  11. Anônimo
    o grande problema do flash é a hospedagem.

    existem sites de hospedagem gratis mas são para criar sites e não uso externo como imagens.

    o código html do flash é assim:

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="234" height="60"><param name="movie" value= "http://img524.imageshack.us/img524/3610/bannerdicas3.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="http://img524.imageshack.us/img524/3610/bannerdicas3.swf" width="234" height="60" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed></object>

    ResponderExcluir
  12. Marcos Vinicius
    mas recebeu algum aviso de punição ou algo assim?

    veja as mensagens na pagina do adsense

    ResponderExcluir
  13. Ajuda ae... Eu criei o banner animado mas não consigo usá-lo como assinatura de email ou colocá-lo em postagem em sites... o que faço de errado? Eu copio o código html mas qndo colo só aparece o código não o banner!

    http://prontoehfalei.blogspot.com.br/

    ResponderExcluir
  14. não sei como modificar para assinatura de email, acho que isso depende de qual email ou programa de envio usa.

    mas basicamente use o endereço da imagem e o link do seu blog que no caso do meu blog a imagem do tutorial é http://feeds.feedburner.com/dicaparablog.8.gif

    ResponderExcluir
  15. Finalmente entendi...
    Vc eh D+!
    Criei meu Blog no passo a passo daki... Caramba, só vc pra fazer-me entender tanta coisa complicada em tão pouco tempo!

    http://feeds.feedburner.com/ProntoEhFalei.1.gif

    ResponderExcluir
  16. coloquei o seu banner no meu blog poderia colocar o meu tbm. www.compartilhamentosdewelton.com

    ResponderExcluir
  17. Oi, o titulo da aba esta com um errinho, bannes, em vez de banners!

    ResponderExcluir
  18. acabei de corrigir.

    obrigado por avisar sobre o erro em nosso menu

    ResponderExcluir
  19. Coloquei em pratica.
    Ficou legal.
    Muito obrigado.
    Abraço

    ResponderExcluir
  20. Muito boa a dica, já coloquei no blog acho que ficou bom.
    Continue trabalhando...

    ResponderExcluir
  21. ola tentei colocar a caixinha com o link,no meu blog mas não consegui por isso desisti obrigado

    ResponderExcluir
  22. Olá. Tem como colocar sub paginas no meu blog?
    Obrigado.

    ResponderExcluir
  23. o blogger só tem marcadores .. não tem subpaginas

    ResponderExcluir
  24. Cara o seu blog está muito bom.
    Eu só tenho uma critica a fazer. Pra gente que está começando fica complicado.
    Por exemplo: Eu quero entendimento sobre comentários abro a pagina depois vou abrindo link,link,link.....e nunca chego no objtivo.
    Desculpe pela sinceridade.Mas denovo o seu blog é muito bom e já coloquei nos meus favoritos.Um abração.

    ResponderExcluir
  25. alguns assuntos são mais difíceis de achar principalmente porque algumas coisas são conhecidas por vários nomes diferentes

    ResponderExcluir
  26. MEU AMIGO, A GENTE CRIA UM BLOG SEM ENTENDER NADA, MAS DEPOIS COM O PASSAR DO TEMPO E PESQUISANDO SEMPRE SOBRE O ASSUNTO VAI SE INTEIRANDO. HOJE TIVE O PRIVILÉGIO DE DEPARAR COM ESTE TUTORIAL DE COMO FAZER UM BANNER ANIMADO COM POSTAGENS RECENTES PEÇO FEEDBUNER, FIZ E DEU CERTÍSSIMO.
    AGORA QUERO COMPARTILHAR NAS REDES E NÃO ENTENDI MUITO SOBRE O LINK DO BANNER PARA JOGAR NAS REDES SOCIAIS. VOCÊ PODE ME ORIENTAR MELHOR? NÃO ENCONTREI O CAMINHO PARA OTHER. MAS CONTINUAREI TENTEANDO. OBRIGADO E MUITO SUCESSO!

    ResponderExcluir
  27. OLÁ, JÁ CONSEGUI ENCONTRAR O LINK. VALEU MESMO.

    ResponderExcluir
  28. as vezes é difícil encontrar as coisas no feedburner... mas o importante é que deu tudo certo

    ResponderExcluir
  29. Oii! Eu sou super iniciante! E n sei o significado de mts dos termos usados qnd o assunto é blog, e isso dificulta mt a montagem do meu. Queria saber como colocar esses menus, como esta no seu por exemplo: Dicas para blog, MElhores dicas, Templates prontos. Forte abraço!Desde já agradeço!

    ResponderExcluir
  30. Amei, a o blog as dicas e tudo que vcs ensinam. Queria saber como colocar imagem para nota em blog...

    ResponderExcluir