Tutorial: Caixa de Pesquisa Personalizada

Ei meninas!!

Então, hoje pra escrever um tutorial para vocês... vamos lá? O tuto é de como colocar uma caixa de pesquisa personalisada no modo simples, quem quiser um modo mais avançado, é só comentar que, dependendo da quantidade de comentarios farei assim que puder. Então, vamos ao tuto neh?
Primeiramente, vá em "Layout", clique em "Adicionar um Gadget" e escolha a opção de "Pesquisa do Blogger". Depois vá em Modelo - Editar HTML e pesquise por

]]></b:skin>

Cole isto ACIMA do código procurado:

/*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 #e7e7e7; background:#fff; color:#ff0048; 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:#ff0048; border:0px; font-weight:normal;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }input.gsc-search-button:hover {background:#b779db; color:#fff;} /*fundo e cor do texto quando passa o mouse*//*fim da personalização do botão*/

Modifique de acordo com o seu gosto. Se você não quiser bordas arredondadas, copie este código:

/*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 #e7e7e7; background:#fff; color:#ff0048; 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:#ff0048; border:0px; font-weight:normal;  }input.gsc-search-button:hover {background:#b779db; color:#fff;} /*fundo e cor do texto quando passa o mouse*//*fim da personalização do botão*/

Então galera, os créditos vão para o Cherry Bomb, que é um blog super divo!! 

Gostaram?

Bezzos