sexta-feira, 1 de maio de 2015

Personalizar Formulário de Contato do Blogger com CSS

contact-form-blogger-com-css


Hoje vamos debater aqui como mudar a cor padrão do formulário de contato do blogger para dar um ar mais profissional ao seu blog realmente com isso vai poder modificar a cor do widget para fazer um efeito profissional

Primeiro adicione o gadget:

Faça login no blogger clique em layout selecione como mostra a figura abaixo 


Você vai ver o formulário padrão no seu blogger então vamos as alterações 

Vamos ao passo 1

 Passo 1 Faça login na sua conta do Blogger e clique em Template ->

Passo 2 Agora clique em Editar HTML-> Desdobrar código ►

Passo 3 Agora, encontrar]]> </ b: skin> pressionando CTRL + F

Passo 4 e cole o código abaixo acima]]> </ b: skin> e salvar o seu modelo

/* CSS Code Contact */
.contact-form-widget {
width: 280px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #04BDFA;
color: #000;
}
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-button-submit {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.contact-form-button-submit {
border-color: #004065;
background: #005C91;
color: #fefefe;
}

Pronto agora você ja tem um lindo formulario de contato pode trocar as corres de sua preferencia em background   e color bem como borda  e tamanho tenha um contato personalizado e faça toda diferença
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

2 comentários:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner