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


Link desta Pagina

29Comentários:

luciana disse...

gostei e realmente é simples de fazer

Pixel Ds disse...

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 ?

Ronaldo Belarmino disse...

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

Fabiano Roberto disse...

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

Colocar Aviso de Blog em Manutenção

Fabiano Roberto disse...

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

Inês Andrade disse...

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

Fabiano Roberto disse...

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

Kαrolıпε Soαrεs≀+ disse...

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.

Anônimo disse...

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

Marcos Vinicius disse...

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?

Fabiano Roberto disse...

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>

Fabiano Roberto disse...

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

veja as mensagens na pagina do adsense

Gabriel de Freitas disse...

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/

Fabiano Roberto disse...

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

Gabriel de Freitas disse...

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

Welton Lenno disse...

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

Fabiano Roberto disse...

Welton Lenno veja aqui Top Parceiros do Blog

Autoestima e Emagrecimento «√¡√¡» disse...

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

Fabiano Roberto disse...

acabei de corrigir.

obrigado por avisar sobre o erro em nosso menu

Marcelo Pinto disse...

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

Roniglei Lima disse...

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

Roseni de Oliveira Saraiva Cruz disse...

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

Eletrônica Sem Mistério disse...

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

Fabiano Roberto disse...

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

Eletrônica Sem Mistério disse...

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.

Fabiano Roberto disse...

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

netshopbrasil oliveira disse...

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!

netshopbrasil oliveira disse...

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

Fabiano Roberto disse...

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

Postar um comentário

Gostou? Compartilhe!