Personalizando o gadget de "enviar postagens via e-mail" do próprio Blogger

Compartilhar:
Olá, se lembra que falei que falei sobre o gadget do Blogger Seguir por e-mail? Pois é, eu prometi e agora irei ensinar como personalizar este gadget. Olhe, é muito difícil personalizá-lo, então preste bastante atenção! Só para lembrar, você terá que instalar o gadget primeiro.

Personalizar o container geral:

1. Acesse o painel de controle de seu blog e acesse a guia Modelo. Pressione Ctrl+F para abrir o Localizador de seu navegador e procure pela tag:

]]></b:skin>

2. Logo acima dela, adicione o código abaixo fazendo as modificações a seu gosto.


/* gadget seguir por email*/
#FollowByEmail1{
border:1px solid #000; /* edite borda*/
padding:10px;
background:#fff; /* edite cor de fundo*/
}

3. Clique em Visualizar e se estiver tudo correto, clique em Salvar modelo.

Personalizar a caixa onde o leitor deve digitar o e-mail:

1. Logo após, marque a caixa Expandir modelos de widgetspressione Ctrl+F para abrir o Localizador do navegador e procure pela código abaixo:

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


Substitua a parte destacada de vermelho por alguma frase a seu gosto. Por exemplo: Digite seu e-mail.

1.2. Caso queira mudar a cor do texto, pressione Ctrl+F e procure por ]]></b:skin> e cole ACIMA dela este código:

/*caixa onde digita o email*/ 

.follow-by-email-address{

color:#818181;  /* edite cor do texto*/ 

}

2. Clique em Visualizar e se estiver tudo correto, clique em Salvar modelo.

Personalizar o botão de envio:

1. Ainda com a caixa Expandir modelos de widgets marcada, pressione Ctrl+F para abrir o Localizador e procure pelo código abaixo.

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

1.2. Substitua todo o código acima pelo código abaixo.

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

Altere as partes destacadas de azul pelo nome do botão. Por exemplo: Cadastrar, Inscreva-se. Altere também as partes destacadas vermelho pela aparência do botão.

Alterar o idioma do requerimento de cadastro para o português:

1. Novamente, com a caixa Expandir modelos de widgets marcada, pressione Ctrl+F para abrir o Localizador e procure pelo código abaixo.

<input name='loc' type='hidden' value='en_US'/> 

1.2. Substitua todo o código acima pelo seguinte código.

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

2. Clique em Visualizar e se estiver tudo correto, clique em Salvar modelo.

Vale lembrar que você pode adicionar mais efeitos, personalizar a seu gosto e deixar o gadget com a sua cara. Basta ter um pouco de criatividade. Boa sorte e até mais.
► Postagens Relacionadas:

Seja o primeiro a comentar!

Postar um comentário