Modelo de pesquisa WBC

 Yoo, 

modelos de caixa de pesquisa, espero que vocês gostem, ela nao tem preview, então vai mais rapido~~

Esse modo é você usando aquela pesquisa padrão do blog, caso você não o tenha adicionado o vá em Elementos e coloque antes de começa a personalizar. Depois de tudo pronto vá em HTML e procure  por:  

]]></b:skin> 

2.Acima dele você coloca esse código:

/*Para remover o icone do google*/

.gsc-branding-text, .gsc-branding-img-noclear {display:none;}

/* Personalização do texto */

td.gsc-input input {border: 2px solid #e7e7e7; background:#fff; color:#ff0048; font-family:verdana; font-size:11px; } /* Fim da personalização do 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*/

Agora basta modificar como quiser,  ae se não quiser as bordas arredondas só remover as partes em vermelho.

*Usando um gadget*

1.Adicione um gadget de html/javascript e dentro dele cole esse código:

<form action="/search" class="search" method="get">

<input class="searchbar" id="s" name="q" placeholder='Perdido? Pesquise Aqui' type="text" value="" />

<input class="searchbut" type="submit" value="" />

</form>