Widget “assine os feeds”

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:

• O que são Feeds e para que servem?
• Como usar e configurar o FeedBurner

Nas imagens abaixo, temos um exemplo do widget já instalado no 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.

• Como hospedar imagens no Picasa

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”