Caixa feed via email personalizado 2

A pouco tempo ensinei uma personalização da caixa para que os visitantes assine o feed do seu blog via email.

Agora aprendi e desenvolvi outro modo.

Vai ficar dessa forma: Não é difícil fazer, siga os passos 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="_blank" method="post">

<div align="center"> <input name="email" type="text" id="email" style="background-image:url(http://www.iconlet.com/icons/fff_silk/feed_add.png); background-position:1px 1px; background-repeat:no-repeat; padding-left:20px; border:1px solid #999999; padding-right:7px; padding-bottom:3px; padding-top:0px; color:#006699" value="seu email aqui" size="17"/>

<input value="Enviar" name="Submit" type="submit"/>



<input value="http://feeds.feedburner.com/~e?ffid=SEU ID AQUI" name="url" type="hidden"/>

<input value="NOME DO BLOG" name="title" type="hidden"/>



<input value="pt_BR" name="loc" type="hidden"/>

</div>

</form>

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



5º - Agora procure no código essa parte:



NOME DO BLOG

Troque isso pelo nome do seu blog.



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!

até mais pessoal...

Gostou? Então copie esse post para seu Blog: <div><br />A pouco tempo ensinei uma personalização da caixa para que os visitantes assine o feed do seu blog via email.<br /><br />Agora aprendi e desenvolvi outro modo.<br /><br />Vai ficar dessa forma: <img alt="" border="0" id="BLOGGER_PHOTO_ID_5230372918874173330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTulF4QIRYot4bqIYD_OFtt9egRI_elfMMbFLe0dFKJ6zIBKP1skrt4DnDnoCgkgHONMU7fMEfkpegRBPC9sC4A8gZNjCMYdzUVZCs7DrNzWxuurqoogMO3pLejjo93Rm6nFiZgaHD3jQF/s320/feed_email.JPG" style="display: block; margin: 0px auto 10px; cursor: hand; text-align: center;" />Não é difícil fazer, siga os passos abaixo:</div><br /><br /><br />1º - Para continuar esse tutorial é necessário que seu blog tenha um feed do <a href="http://www.feedburner.com/">FeedBurner</a>.<br /><br /><br /><br />2º - Copie o código abaixo e cole em algum editor de texto:<br /><br /><form action="http://www.feedburner.com/fb/a/emailverify" target="_blank" method="post"><br /><br /><div align="center"> <input name="email" type="text" id="email" style="background-image:url(http://www.iconlet.com/icons/fff_silk/feed_add.png); background-position:1px 1px; background-repeat:no-repeat; padding-left:20px; border:1px solid #999999; padding-right:7px; padding-bottom:3px; padding-top:0px; color:#006699" value="<strong><font color="#ff0000">seu email aqui</font></strong>" size="17"/><br /><br /><input value="Enviar" name="Submit" type="submit"/><br /><br /><br /><br /><input value="http://feeds.feedburner.com/~e?ffid=<font color="#ff0000">SEU ID AQUI</font>" name="url" type="hidden"/><br /><br /><input value="<font color="#ff0000">NOME DO BLOG</font>" name="title" type="hidden"/><br /><br /><br /><br /><input value="pt_BR" name="loc" type="hidden"/><br /><br /></div><br /><br /></form><br /><br /><div class="separator" style="clear: both; text-align: center;"><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFzALeERWWhE8v645-rUWjP62fIuVRm4b3Bgvl_6PV0tMOePglm36TythuYwuw2-nTV8IHPlqVwktHNCObkBtqGPiqPH6g24vSfHHlQyuWFlwgpLwJPzp80T9Pg2ybMTuFJvcGKcAiWth/s1600-h/feed_emai.jpg" imageanchor="1" style="border-right: 0px; border-top: 0px; margin-left: 1em; border-left: 0px; margin-right: 1em; border-bottom: 0px; background-color: transparent; cssfloat: ;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRHnhabhtVXhlFt4G-Dhm4gHDawqxBAMfyKdOzqxQP3L4_GrGfb3bUhkOV1kcsEDfBZKQ2FnI1V61Hj0zM7df_-nAfwNdzTv1YbBcuwM546JB28apyRVFFHypa2NU9WYWAuvaeDy4XXt9P/s320-r/feed_emai.jpg" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; cssfloat: ;" wc="true" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0UGvbCe9gK3ORVKyqphh_Ec-relqQiF9YK2CbQm9HIhKqd3PD4V7VDbQeKtfIL85pz_Lwa2-D1NPbye8jhkk79Cfg7cWj2JVg14UfL4wcMxvq20t5iFcujsmu79KZrwQlZca6I4s-Nz06/s1600-h/feed_email_2.jpg" imageanchor="1" style="border-right: 0px; border-top: 0px; margin-left: 1em; border-left: 0px; margin-right: 1em; border-bottom: 0px; background-color: transparent; cssfloat: ;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXjJv8P5JgsPnDXvItVjX9n3HD34RBqH1427Vw0-HrbD5Fb49iN_UHndhYcdHYgy1cxcbbnoIwwltSeu2diI-HkpZPMEf9PuEpEjE0kBywbBGKKY8GlL2h64fQZwV4FmhAdaIvImLeMiB/s320-r/feed_email_2.jpg" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; cssfloat: ;" wc="true" /></a></div><br />O fim do link contem alguns dígitos, logo após de id=. <br /><br /><br /><br />Exemplo: ...id=<font color="#ff0000">1066695</font><br /><br /><br /><br />Copie esse id e cole no lugar do código onde está escrito: <br /><br /><br /><br /><font color="#ff0000">SEU ID AQUI</font><br /><br /><br /><br />5º - Agora procure no código essa parte:<br /><br /><br /><br /><font color="#ff0000">NOME DO BLOG</font> <br /><br />Troque isso pelo nome do seu blog.<br /><br /><br /><br />6º - Entre no painel de controle do blogger, entre em "Layout", "Elementos da Página". <br /><br /><br /><br />7º - Clique para adicionar um novo widget, escolha "HTML/Java Script". Cole o código.<br /><br />8º - Salve, teste, se deu certo... pronto!<br /><br />até mais pessoal...