Caixa de pesquisa

Gente ,sabe aquela caixa personalizada de pesquisa,tipo a  que temos aqui no blog, então vou ensinar a vocês como coloca-la...Let's Go !!!

1- Vá em Layout clique em adicionar um gandgets,e procure e clique em HTML/JavaScript e cole este código:

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

 Depois vá em Design,editar Html e Procure por:

]]></b:skin> 

E cole o código abaixo ,acima do  ]]></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: #FFFFFF; /* 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;} 

Depois edite como deseja e prontinho!