Caixa De Pesquisa Personalizada

Ola amoras hoje eu irei ensinar como colocar no seu blog uma caixa personalizada

   E Muito Facil veja ai :

  1- Passo:
 Vá no Painel do Blogger > Layout e cole o código abaixo em um HTML/JavaScript 

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

2-Passo:
 Vá em Modelo > Editar HTML > Ctrl + F e procure por:

]]></b:skin>

3-Passo:
Adicione o código acima do código encontrado

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