Widget “assine os feeds”

Widget “assine os feeds”

6 10 99
Widget “assine os feeds” 10 6 99
Uma forma legal de aumentar o número de assinantes de feeds, é oferecendo várias formas de assinatura aos visitantes. Muita gente nem imagina o que seja um feed e muito menos um leitor RSS; então, não custa nada facilitarmos as coisas, né?
Pensando nisto, criei um widget bem simplezinho, usando os próprios recursos do FeedBurner. Apesar de simples, o widget é poderoso, pois reúne três formas de direcionamento para o FeedBurner: caixa de email,  ícone e  contador.

Se você não sabe o que é um Feed e nem o que é FeedBurner, acesse:
Nas imagens abaixo, temos um exemplo do widget já instalado no Blogger:
Dicas de Informática Dicas Blogger
Como configurar e instalar o widget
Copie o código abaixo, cole no gadget HTML/javascript do Blogger e faça as seguintes substituições (preste bastante atenção agora):
Onde estiver escrito SEUBLOG, substitua pela parte final da url do Feed do blog.
Exemplo: http://feeds.feedburner.com/dicasblogger (dicasblogger é a parte final)
Escolha uma imagem com fundo transparente, em formato .PNG e  de 120 x 120 px. Faça o upload da imagem no Picasa e cole a url dela em URL DA IMAGEM.
Recomendo o site  Findicons para encontrar o ícone dos Feeds.
<table cellpadding="2" cellspacing="2" style="border: 1px solid rgb(236, 236, 236); background:transparent;text-align: left; width: 100%;">
  <tbody><tr><td align="undefined"
valign="undefined"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
alt="RSS" title="Assine os feeds"
src="URL DA IMAGEM"
border="0" height="120" width="120"></a></td><td
align="undefined" valign="undefined"><form
style="padding: 3px; text-align: center;"
action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEUBLOG', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Receba os posts por email:</p><p><input style="width: 140px;"
name="email" type="text"></p><input
value="SEUBLOG" name="uri" type="hidden"><input
name="loc" value="pt_BR" type="hidden"><input
value="Assinar" type="submit"><p>Delivered by <a
href="http://feedburner.google.com/" target="_blank">FeedBurner</a></p></form>
<p align="center"><a
href="http://feeds.feedburner.com/SEUBLOG"><img
src="http://feeds.feedburner.com/%7Efc/SEUBLOG?bg=FF9900&amp;fg=0000000&amp;anim=1&amp;label=leitores"
style="border: 0pt none ;" alt="" height="26"
width="88"></a></p></td></tr></tbody></table><div style="text-align: center;"> Widget by <a  href="http://www.dicasblogger.com.br/2010/09/widget-assine-os-feeds.html”>Dicas Blogger </a> </div>
Se você quiser mudar as cores do contador, altere os números que aparecem em verde e azul, onde bg é o background (plano de fundo do contador) e fg é a cor do texto. Veja aqui uma tabela de correspondência de cores.
Para mudar a cor da borda do widget, substitua os números deste trecho:
border: 1px solid rgb(236, 236, 236);
Exemplo: border: 1px solid rgb(255, 255, 255);
Depois de fazer todas as modificações, clique em SALVAR.
As alterações também podem ser feitas no WordPad do Windows e depois coladas no gadget HTML/javascript do Blogger.
A exibição dos créditos (nome e link do Dicas Blogger), é opcional.
Recomendo que o título do gadget seja algo do tipo “Assine os feeds” :)
30 Comments
Comments
  1. O código ta com um pequeno erro no tag tr.

    ResponderExcluir
  2. Ju, esse widget é meio antigo, sei que ainda não o vi por aqui mas... é legal!

    Acho que velhos truqes sempre são bons para quem está começado agora. Gosto do seu blog porque você pensa em tudo.

    Parabéns!

    ResponderExcluir
  3. O widget é antigo, mas o que eu fiz foi juntar 3 em 1, entendeu?

    ResponderExcluir
  4. Já vi muitos parecidos mas como este não.
    Eu já adiconei no blog, ficou ótimo!
    Mas, será que se a imagem ficasse do lado direito, não ficaria melhor!? :)

    Fica a dica pra quem quiser!

    Thanks, Jú!

    ResponderExcluir
  5. Oi, Ju

    Muito bom mesmo. Fiquei bem tentado a trocar o que tenho.

    Pergunta: tenho os dois. Feed acima, email abaixo. Se usar o seu widget a leitura da sidebar fica mais rápida por ser apenas um elemento?

    Abraços

    ResponderExcluir
  6. Olá, Max
    Não sei se inluencia no crregamento, mas fica mais organizadinho.

    ResponderExcluir
  7. Acho que no meu blog não deu certo!
    Você me da uma ajuda

    http://tudofacilerapido1.blogspot.com/

    ResponderExcluir
  8. Ok, Ju

    Excelente argumento.
    Instalação pronta. Ficou mais organizado e mais bonito. A única coisa que tentei fazer e não consegui de jeito nenhum foi aumentar a distância entre o botão assinar (email)e o contador de feed. Mas ficou muito bom.

    Obrigado pela dica.

    Abraços

    ResponderExcluir
  9. Parabéns! Bela dica! O meu está ocorrendo o seguinte: o email de confirmação da assinatura que chega para o solicitante esta no idioma inglês. Tem como configurar para Português?

    ResponderExcluir
  10. Eu até tenho no meu. Mas, infelizmente não fez a menor diferença. hauahuaa Não dá 30, 60, 100 leitores nem.

    Acho que com essa de buzzle, google reader e até twitter, a pessoa acaba seguindo o blog. Então, pra que assinar tb por e-mail?

    ResponderExcluir
  11. Widget muuito legal, vou instalar no meuu blog

    ResponderExcluir
  12. Boa noite, Juliana.

    Quanto ao meu comentário anterior, já está resolvido. Mesmo assim, agradeço sempre a atenção que você nos dá.

    Muita Paz!

    ResponderExcluir
  13. POr favor, não entendi a aprte que explica em como colocar a imagem. POeem me ajudar? E-mail: caleny2000@yahoo.com.br ou
    http://catia-pipoca.blogspot.com/

    ResponderExcluir
  14. Juliana, eu coloquei no meu blog hospedado no WordPress (brunogall.usuarioblogueiro.com) e o link de créditos do seu blog não quer aparecer, será bug do código?
    PS: Um dos motivos de avisar é para não achar que sou kibador também, mas achei isso estranho =)

    ResponderExcluir
  15. Nossa pensei que era dificil mas é super fácil amei !!!!

    Acompanho esse blog a um tempo e amo essas postagens!!!! Juliana te amo vc é demais.

    ResponderExcluir
  16. O tutorial tá ótimo, mas estou com um pequeno problema, toda vez q digita o email aparece essa msg: 'The feed does not have subscriptions by email enabled"

    o que pode ser? Obrigado!

    ResponderExcluir
  17. Gostei do widget, vou colocar no meu blog assim que mudar o layout dele (de novo ^^')

    ResponderExcluir
  18. Aplicado. Ficou lindinho, rs
    Mas os créditos não entraram.
    Abração

    ResponderExcluir
  19. Um pequeno "upgrayde" do widget antigo =D, mas sempre continua bom.
    Abraços Juh!

    ResponderExcluir
  20. Olá
    Muito bom Juliana esse post!!!
    Eu add no meu blog, mas a imagem de leitores não aparece!
    Me explica como resolver isso???
    Obg.

    ResponderExcluir
  21. Acho que o meu não deu certo não. Que pena! =/
    Mas valeu pela dica, vou deixar por lá, se vc puder me ajudar, te agradeço. Beijos.

    ResponderExcluir
  22. Mais uma vez, obrigado Dicas Blogger.
    Não sobreviveria sem vocês.
    Obrigado

    ResponderExcluir
  23. Olá.

    Madrugada adentro, 4 da manhã, eu aqui escrevendo, vendo e lendo, lendo, lendo.

    E não é que te encontrei. Visita repentina.

    Bom esses 'teus cantos', heim?

    Parabéns. Muito bom mesmo! Divulgarei: Céu e Inferno (Networking, rs).

    Bye

    Gill Benício
    www.gillbenicio.blogspot.com
    gilldelima@hotmail.com

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top