Como personalizar o box de envio do feed no blog?

Há alguns dias eu publiquei a primeira parte deste tutorial, relembre aqui:
Tudo sobre feed- como configurar e como usar à favor do blog
Paramos na parte em que eu prometi mostrar como personalizar a caixinha Seguir por email e como configurar o feed para exibir apenas o resumo do post, com mensagem ao leitor.
Vamos cumprir a promessa e concluir?

Claro que, antes de mais nada, você precisa ter feito a primeira parte do tutorial:
Tudo sobre feed- como configurar e como usar à favor do blog.
Caso não tenha lido/feito, vá lá, eu te espero...
Tic-tac

                        Tic-tac

Tic-tac

Depois de tudo pronto e de ter  configurado o feed de seu blog corretamente e inserido a opção do leitor cadastrar o email para receber seus posts vamos personalizar essa caixinha de cadastro de email.

A caixinha original, sem personalização alguma, é assim:

Enter your email address:


Delivered by FeedBurner

Como personalizar o box Seguir por email?

Vamos aprender a personalizar?
Para começar, um modo simples, que é editando o próprio código.
Ele é assim:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=AQUI O NOME DE SEU FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="AQUI O NOME DE SEU FEED" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Você pode:

• Alterar a cor e o tipo da borda: 1px solid #ccc define que a borda é sólida, mede 1 pixel de largura e tem a cor cinza.
• Trocar a borda tipo solid por dashed (tracejado), dotted (pontilhado), double (duplo). Troque a espessura 1px por uma maior. Troque a cor #ccc por outra.Aqui tem uma tabela de cores.
• Trocar a frase Enter your email address por outra de sua preferência.
• Trocar a palavra Subscribe por outra de sua preferência, tipo Assinar agora, Cadastrar email, etc.

Seja criativo!
Caso queira retirar o link do Feedburner basta apagar o trecho final que começa com <p> e termina com </p>
Olha como já muda:

Digite seu endereço de email:

Além de personalizar o próprio código gerado pelo Feedburner vou deixar 3 códigos prontos que você pode usar.
São modelinhos mais estilosos e personalizados.
Para usar em seu blog escolha o modelo que preferir, copie o código dele e insira em seu blog, sempre da mesma forma, assim:

Depois do feed criado copie o endereço dele. É essencial para que funcione.
A seguir vá ao painel administrativo de seu blog e clique em Design.
Escolha Adicionar um gadget e selecione a opção HTML/JAVASCRIPT.
Dentro da caixa que abrir cole o código do modelo escolhido.
Altere os campos marcados para que a aparência combine com seu blog.
Em geral podem ser alterados cor do botão, fontes, largura, etc. Leia o código para entender.

Essas alterações são opcionais, mas o campo SEU FEED ID é indispensável que seja alterado. Coloque o nome de seu feed, ok?
Depois de pronto, salve, arraste para onde quer que fique e salve as alterações do layout.

Veja os modelos, escolha o seu!

Modelo 1

Usei por um tempo em meu blog, editado com base no nativo do Blogger.

Copiar o código deste modelo

Modelo 2

Este modelo foi desenvolvido para Wordpress, mas dá certo no Blogger. 

Tem links para as redes sociais.

Créditos deste widget: http://mashable.com/

Copiar o código deste modelo

Modelo 3

Créditos deste widget: http://ndorokakung.com/

Adicionei o contador do Twitter e o ícone do G+.

Copiar o código deste modelo

Configurando o feed para entregar apenas o resumo do post

Quem recebe meus posts por email ou via algum agregador de feed já reparou que não chega o texto inteiro, mas apenas o título e a primeira frase, seguida de uma mensagem que pede para clicar no título do post para lê-lo inteiro.

Não é o ideal mas como eu vinha sofrendo muitos casos de cópias, com posts inteiros copiados e postados em dezenas de blogs tomei essa medida para reduzir um pouco os casos de plágio.
Repito: não é o ideal, legal mesmo é o post inteiro chegar por email para o leitor, e lamento muito ter sido forçada a tomar essa atitude.

Para quem me perguntou como fazer, é simples.
Para começar vá ao Feedburner, faça login e acesse a área administrativa de seu feed.
Clique na aba Optimizar. No menu lateral esquerdo localize o item Summary Burner.
Ao clicar vai aparecer uma caixinha.
Digite nela a mensagem que quiser, usando até 200 caracteres, clique em Ativar.
Confira a frase, veja se não contém erros de grafia, e clique em Salvar.
Tá feito.
Caso um dia não queira mais enviar só o resumo basta desativar essa opção.

Gostou do tutorial?
Clique em Compartilhar, ou recomende no Google+.
Assim o post alcança mais pessoas, ajuda mais gente e faz o blog crescer.
E eu fico feliz e agradecida...