Cute caixa de busca

Uma caixa de busca facilita o visitante a buscar o que procura de forma fácil e direta sem ficar clicando em cada categoria para ver se encontra alguma coisa - seus leitores agradecem - olha que fofa essa caixa de busca:

para inseri-la é muito fácil veja abaixo o tutorial>>

Cole o código abaixo ACIMA de

]]></b:skin>

.search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Tahoma, Tahoma; /* Fonte */
}
.searchbar{
height: 20px;
width: 140px;
color: #FF82AB; /* Cor da fonte */
-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */
}
.searchbut{
background: url('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/
width:30px;
height:30px;
border: 0;
padding:7px;
}

Agora vá em Design > Elementos da página > Adicionar Gadget > Adicione um gadget de HTML/Javascript. Cole nele:

                                                 <form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form>

Espero que gostem beijinhooos *--*