Como personalizar a caixa de busca do Blogger

Esse é um tutorial passo à passo para personalizar a caixa de busca do seu blog.Todo o blog precisa de uma caixa de busca,é uma ferramenta indispensável para todos leitores de blog,é chato quando entramos em um blog e não encontramos a caixa de busca ficamos meio perdidos e saímos rapidamente do blog.Então aqui vai um tutorial para personalizalá e deixar com a cara de seu blog.


Primeiro Passo: Vá em ''Layout'' clique adicionar gadget e adicione a caixa de busca do blog e salve.

Segundo Passo:Vá em ''Modelo'' logo em seguida ''Editar Html'' depois de feito 
aperte ''Ctrl + F '' e procure pela tag:

 ]]></b:skin>

Após encontrar cole isso logo acima da tag encontrada:

/*Para remover o logo do google*/
.gsc-branding-text, .gsc-branding-img-noclear {display:none;}
/* Personalização do Campo de texto */
td.gsc-input input {border: 2px solid #000; background:#fff; color:#000; font-family:verdana; font-size:11px; } /* Fim da personalização do Campo de texto */
/*personalização do botão*/
input.gsc-search-button {font-family:'trebuchet ms'; font-size:14px; color:#fff; background:#000; border:0px; font-weight:normal; }
input.gsc-search-button:hover {background:#777777; color:#fff;} /*fundo e cor do texto quando passa o mouse*/

/*fim da personalização do botão*/

Agora é so personalizar com um minimo de conhecimento em CSS voce conseguira.

Espero que tenha ajudado
Deixe seu comentario.