Personalizar o Gadget "seguir por E-mail" no blog

Nesse Tutorial irei mostra como personalizar o Gadget seguir por E-mail, e o modo em que vou mostrar pra vocês é bem simples e fácil de aplicar no HTML do blog...

Observe que nessa personalização vamos adicionar cores diferenciadas no Gadget seguir por e-mail, vamos utilizar um plano de fundo e bordas.

Vamos começar a personaliza.
Primeiro acesse o painel de Edição do seu blog, vá em Modelo >> em Editar HTML >> e em Prosseguir .

Agora estando no HTM do modelo do seu Blog, pressione as teclas Ctrl + F do seu teclado para ativa o dispositivo de pesquisa e procure por esse Tag:

]]></b:skin> 

Logo acima do Tag encontrado acrescente esse CSS:

#FollowByEmail1{
border:1px solid #000; 
padding:10px;
background:#FF8C00; 
}

Esse CSS é para personalizar a cor do fundo e borda do seu Gadget, então a parte que eu destaquei em Azul é responsável pela cor da Borda, e em cor Vermelho é responsável pela cor do plano de fundo.

E por último vamos personalizar o Botão Enviar.

No HTML você vai marcar a opção Expandir Modelo de Widgets, e utilize Ctrl + F  para pesquisar a seguinte linha no HTML:

<input class='follow-by-email-submit' type='submit' value='Submit'/>

Quando encontrar você vai substitui-lo por esse outro código:

<input class='follow-by-email-submit' style='color:#333;background:#ccc;border:1px solid#000;' name='button' type='submit' value='Enviar'/>

Altere as cores

A parte que esta destacada em vermelho: #333 é a cor da Letra 

Em cor de Rosa é a cor do botão: #ccc

E em Azul a cor da borda: #000

Agora é só você clicar no Botão Visualizar pra vê se você alterou o código certo, e depois só Salvar o modelo