Personalizar Gadget Seguir por Email


     Hoy meu povo! :D faz tempo que não posto um Tutorial, não é? Bem, aqui estou eu. Hoje vim ensinar a vocês a personalizar o gadget seguir por e-mail. Ele é bem feinho à primeira vista, muitas pessoas não usam esse gadget porquê não combina com o layout e tal. Bom, chega de papo e vamos ao que interessa.
     Vá no seu html e procure por:

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

E substitua por:

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

#fff é a cor da palavra "Enviar" no botão.
#ffaaaa é a cor de fundo do botão.
1px é a expressura da borda do botão.
solid é a borda sólida. Você pode mudar para dashed que significa pontilhada.
#ffffff é a cor da borda do botão.
Enviar é o texto do botão. Você pode escrever o que quiser.

Agora procure por:

<input class='follow-by-email-address' name='email'

Você encontrará algo parecido a isso:

<input class='follow-by-email-address' name='email' placeholder='Email Adress...' type='text'/>

Substitua o trecho Email Adress... (Ou algo diferente, se você já modificou essa gadget antes) pela frase que vai aparecer no lugar onde se digita o endereço de e-mail.
Salve as alterações e prontim! :V
Se ficar difícil de entender, me avise nos coméntários que explico melhor :)



9 comentários:

  1. eu vou colocar ainda hoje o link de seguir por email

    ResponderExcluir
    Respostas
    1. Legal, se precisar de ajuda é so chamar :)

      Excluir
  2. adorei o post!! muito legal, nem sabia que dava pra fazer isso!! sou do blog Just Dream e recebi seu pedido de afiliação.... você já está lá na elite!! estou seguindo seu cantinho, adorei seu blog!!

    beijos,
    http://justdream-official.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obg linda, vou te colocar aqui na elite tbm. Obg pela visita!

      Excluir
  3. Não achei esse primeiro "código"
    Esse HTML é pelo modelo? Sou iniciante :/

    ResponderExcluir
    Respostas
    1. Sim, você deve ir em modelo > editar HTML. Logo aperte ctrl + F. Abrirá uma caixa de pesquisa. Facilita muito :) Espero ter ajudado!

      Excluir
  4. poderia ter postado uma foto do resultado final para sabermos como ficará depois das alterações e se queremos de fato alterar em nosso blog. Desde já agradeço.

    ResponderExcluir
  5. Adorei o post. Vou tentar fazer ^^

    www.blogresenhafeminina.com.br

    ResponderExcluir

Hey! Que bom que você passou por aqui! Deixe a sua opinião sobre o post! Ah...não esqueça que comentários ofensivos ou então "Seguindo, segue de volta?" serão ignorados.