30 outubro 2012

Tutorial

Olá pessoal! Como estão? Sei que não tenho postado muito ultimamente, mas é que meus presentes chegaram e tenho muitas provas também. Estou muito animada, para quem gosta da Monster High ou é fâ se quiserem que eu coloco as fotos, eu coloco. Adorei muito os presentes, mas não postarei muito mais, ganhei dois CDS ensinando como arrumar blogs, vou ver e vou fazer alguns testes.
Hoje trouxe um tutoral de como personalizar o gadget "Seguir por email".

Personalizar o container geral do gadget:



Entre no modo >> Editar HTML” e procure pela tag ]]></b:skin>
e cole ANTES dela:
 /* gadget seguir por email*/ 
#FollowByEmail1{ 
border:1px solid #000;   /*-- edite borda--*/
padding:10px; 
background:#fff;  /*-- edite cor de fundo--*/
 } 
 

 Personalizar a caixa onde o leitor digita o email:

Marque a caixinha “expandir modelos de widget” e procure por:
 
<input class='follow-by-email-address' name='email' placeholder='Emai  
l address...' type='text'/> 

E substitua por:
Caso queira personalizar a cor do texto, vá até “modelo >> Editar HTML” e procure pela tag ]]></b:skin>
e cole ANTES dela:
/*caixa onde digita o email*/ .follow-by-email-address{ color:#818181; /*-- edite cor do texto--*/ }

Personalizar o botão de envio: 

Marque a caixinha “expandir modelos de widget” e procure por:
 
<input class='follow-by-email-submit' type='submit' value='Submit'/> 
E substitua por:

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

 O trecho destacados na cor azul corresponde a cor do texto do botão.
O trecho destacado na cor vermelha, correspnde a cor de fundo do botão.
O trecho destacado na cor verde, corresponde a borda.
Edite as cores como preferir.

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

Marque a caixinha “expandir modelos de widget” e procure por:
 
<input name='loc' type='hidden' value='en_US'/> 
E substitua por:
 
<input name='loc' type='hidden' value='pt_BR'/> 
Veja como ficou minha personalização na imagem demonstrativa abaixo:

Bom, essas foram as opções de personalização que eu encontrei, caso alguém conheça outras formas, por favor, compartilhe conosco.
Bom, ví Mundo Blogger.
Beijos.
 

Nenhum comentário:

Postar um comentário