Como criar uma Caixa de Feed para blog - Estilizando o fluxo Rss

8 comentários
rss

Caixa de Feed

Vamos colocar um Gadget de Feed para seu leitor assinar, como no exemplo abaixo, para inserir em uma coluna lateral, no topo ou em menus.

rss

Tutorial - Caixa de Feed

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feeds.feedburner.com/Bloggerenciado&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>ASSINE NOSSO FEED</p> <img alt='Feed' height='60' src='http://icons.iconarchive.com/icons/fasticon/smashing-feed/256/Billboard-Feed-icon.png' title='Feed' width='60'/> <p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='Bloggerenciado'/><input name='loc' type='hidden' value='pt_BR'/><input type='submit' value='Assinar'/> <div style='text-align: center;'><small>Gadget by <a href='http://feedburner.google.com/'>Feed Burner</a> modificado por <a href='http://bloggerenciado.blogspot.com.br/'>bloggerenciado</a></small></div></form>

Destacamos três cores no código acima para facilitar a compreensão e edição da sua caixa de feed. Segue, abaixo, a descrição referente a cada cor.


  • Laranja: troque pelo nome do seu blog (o mesmo que você criou no FeedBurner)

  • Vermelho: coloque o título que deseja

  • Roxo: escolha o endereço da imagem que deseja

  • Azul: descrição do botão enviar

Após ter trocado o código indicado acima, vá em → layoutadicionar Gadgethtml/javascript → Insira o código, e salve.

Atualize e visualize o efeito em seu blog, e pronto!

8 comentários :

  1. como faço isso no blog do wordpress.com?

    ResponderExcluir
    Respostas
    1. Amigo existe Plugins prontos de Feed para inserir no Wordpress logo, logo vou criar um post explicando como gerir esses Plugins no Wordpress.

      Abraços... Andrew silva do BG.

      Excluir
  2. existem vários plugins mas inserir o código diretamente não afeta o carregamento do blog

    ResponderExcluir
  3. Muito esclarecedora sua postagem!
    Mas qual o enrec,o da 3a. imagem?
    Valeu,
    M.

    ResponderExcluir

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.