Gadget para Inscrição de Feed tipo Newsletter para blogs do blogger

Vou mostrar como colocar e mudar a aparência do gadget Newsletter que é muito bom e útil para blogs e sites do blogger.com

O gadget de seguir por e-mail e também conhecido como Newsletter é um gadget que permite ao leitor que visitar seu blog uma maneira de receber as novas postagens no email, e isso é muito bom para seu blog e para o visitante que gostou do conteúdo de seu blog, uma maneira de aumentar as visitas do blog conforme os visitantes vão se inscrevendo, um modo de manter os novos leitores para que eles não saiam de seu blog sem nunca mais lembrar de voltar.

Adicionar gadget Newsletter em blogs do Blogger

1. Acesse o blogger.com
2. Se estiver na página inicial do blogger, clique na seta de menu que fica ao lado do nome de seu blog
3. Abrirá o menu, talvez apareça uma barra de rolagem, se ocorrer, role ela para encontrar a opção Layout
4. Clique em Layout

   Se você estiver em outra área do blogger(correspondente a seu blog), aí a opção Layout poderá estar no menu lateral esquerdo do blogger(veja imagem abaixo)

5. Na página que abrir escolha o local onde quer o gadget e clique no link Adicionar um Gadget

6. Na página que abrir, que provavelmente você estará em Noções básicas, se não clique nela
7. Atenção, talvez você possa ignorar esse passo, algumas vezes o gadget não está na primeira página, se acontecer, aí clique no link que diz próximo >> que mostrará a próxima página com mais gadgets, esse link muda para "anterior" para voltar aos gadgets vistos antes.
8. Encontre e clique no gadget Seguir por e-mail

9. Abrirá uma janela, você pode mudar o título se quiser e clicar no botão Salvar

Personalizar o Gadget Newsletter do blogger

Por vezes, a gente quer algo mais chamativo ou que combine mais com o estilo de seu modelo, assim, vou mostrar o código Css que pode mudar algumas cores do botão e do campo de texto desse formulário. Mas, para isso você precisará saber onde adiciona Css ao seu blog do blogger, clique, e dar uma modificada no código, se tiver dúvida sobre uma cor, pergunte.
input.follow-by-email-address{/*cor do campo de email*/
border:inset 1px #4af !important;
background:#ffc !important;}
.follow-by-email-submit{/*botão*/
font-weight:600 !important;
background:#08f !important;}

Para quem não entende Css, background é fundo, e nesse casos acima, esse código #08f é aquele azul claro do botão, e #ffc é aquela cor amarela para o campo onde digita o email, você pode substituir esses códigos por uma cor em inglês, veja um exemplo de fundo vermelho usando o nome da cor em vez de código dela:
background:red;
Perceba que tem uma diferença entre a cor escrita em inglês que não tem o # que teria usando um código de cor hexadecimal.