Caixa feed via email personalizado

Muitas pessoas já pediram esse tutorial, como colocar uma caixa personalizada para os visitantes do blog assinarem o feed via email. E o Paulo Estevão do CodigosBlog fez.

Como na imagem abaixo:

1º - Para continuar esse tutorial é necessário que seu blog tenha um feed do FeedBurner;
2º - Copie o código abaixo e cole em algum editor de texto:

<form action="http://www.feedburner.com/fb/a/emailverify" target="popupwindow" method="post"
onsubmit="window.open('http://www.feedburner.com', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true">
<table
border="0" cellpadding="0" cellspacing="0" width="180"
background="http://img137.imageshack.us/img137/9747/feedmc6.jpg"
height="65" align="center">
<tbody><tr>
<td align="right">
<div align="center">
</div>
<div align="center">
<input onfocus="if (this.value == 'Seu email aqui!') {this.value = '';}"
style="border: 1px solid silver; background-image:
url(http://i16.tinypic.com/4tscnxt.gif); background-repeat: repeat-x;
background-attachment: scroll; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial; width: 160px;" value="Seu email aqui!" name="email"
onblur="if (this.value == '') {this.value = 'Seu email aqui!';}"
size="25" type="text"/>
<br/>
<input value="http://feeds.feedburner.com/~e?ffid=SEU ID AQUI" name="url"
type="hidden"/><input value="NOME DO BLOG
AQUI"
name="title" type="hidden"/><input value="pt_BR"
name="loc"
type="hidden"/><input value="Assinar"
type="submit"/>
</div></td>
</tr>
</tbody></table>
</form>

3º - Entre na página do seu feed;
Exemplos do InfoBlogui - http://feeds2.feedburner.com/InfoBlogui

4º - Clique com o botão direito do mouse em "Get Códigos Blog delivered by email" depois em "Propriedades"; (Exemplo do feed do cogigosblog)
Exemplo:




5º - Copie o ID do link;
Exemplo:


O fim do link contem alguns dígitos, logo após de id=.
Exemplo: ...id=1066695
Copie esse id e cole no lugar do código onde está escrito: SEU ID AQUI
6º - Entre no painel de controle do blogger, entre em "Layout", "Elementos da Página".
7º - Clique para adicionar um novo widget, escolha "HTML/Java Script". Cole o código.
8º - Salve, teste, se deu certo... pronto!

Por: CodigosBlog

Feed! O que é isso? Como fazer um para meu blog?

Segundo a Wikipédia:
"O termo Feed vem do verbo em inglês "alimentar". Na internet, este sistema também é conhecido como "RSS Feeds" (RDF Site Summary ou Really Simple Syndication).
Na prática, Feeds são usados para que um usuário de internet possa acompanhar os novos artigos e demais conteúdo de um site ou blog sem que precise visitar o site em si. Sempre que um novo conteúdo for publicado em determinado site, o "assinante" do feed poderá ler imediatamente."

Resumindo: Feed é um sistema que você assina em vários blogs e/ou sites, assim sempre que tiver atualização neles você ficara sabendo! Sem necessidade de visitar o site ou o blog para ver se tem alguma matéria que esteja afim de ler.

Como assinar ?
Procure na página algo parecido com Assine nosse feed, alguma coisa relacionada com Feed. Clique sobre e escolha a forma que deseja assinar (favoritos, e-mail, navegador..)

Como colocar no meu blog ?
Entre no site FeedBurner e clique em register lá em cima do menu. Faça o cadastro normalmente.

Depois faça o login.

Onde está escrito: "Burn a feed right this instant. Type your blog or feed address here", digite o link do seu blog, clique em "Next>>".
Preencha como achar melhor o link para o seu feed: "Feed Address". Agora clique em "Activate Feed", após isso clique em "Next>>" novamente, vai aparecer com várias opções, simples, marca todas! E clique novamente em "Next>>".
E pronto! O feed do seu blog está feito! Para assinar basta abrir o link do feed de acordo com que você ativou.
Exemplo:
http://feeds2.feedburner.com/InfoBlogui
esse é o feed do meu blog...
Aproveite e Feed-se nele =D

Para analisar quantos assinantes tem seu blog ou você faz login no Feed Burner e olha ou coloque um contador igual o do Códigos Blog no seu blog!

Como?
Clique sobre "Publicize" no painel do seu feed, depois em "FeedCount", configure como quiser e coloque no layout do seu blog.

Por: Paulo Estevão do Códigos Blog