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:
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%;">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.
<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&fg=0000000&anim=1&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>
Para mudar a cor da borda do widget, substitua os números deste trecho:
border: 1px solid rgb(236, 236, 236);Depois de fazer todas as modificações, clique em SALVAR.
Exemplo: border: 1px solid rgb(255, 255, 255);
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” :)
Nenhum comentário:
Postar um comentário