Colocando caixa de pesquisa no blog

Boa tarde galerinha! Para quem não sabe, eu acabei de atualizar o post de como jogar pou com dinheiro infinito! Hoje eu estou sem criatividade, revolvi fazer esse post, de como colocar uma caixa de pesquisa no seu blog, vamos lá!

Primeiro vá no "Painel do Blogger", clique no seu que você quer por a caixa de pesquisa, em seguida clique em ''Layout'', adicione um novo gadget "HTML/Javascript" e cole o código abaixo:

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

O que que está destacado de vermelho, você pode modificar e colocar, por exemplo: Pesquisar, Buscar, Pesquisa, etc!

Agora vá no Modelo do blog, de "Ctrl+F" e procure por:

}]]></b:skin>

E em cima dessa tag, cole esse código abaixo, podendo personalizar e fazer o que quiser!

.search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Georgia, Tahoma; /* Fonte da letra que será escrita quando procurarmos por algo */
}
.searchbar{
height: 20px;
width: 140px;
color: #FF82AB; /* Cor da fonte da letra que será escrita quando procurarmos por algo */
-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://i.imgur.com/KMxkdep.png'); /* Link/Url da imagem do botão de pesquisar | tamanho: 30 x 30px */
width:30px;
height:30px;
border: 0;
padding:7px;
}

Se não quiser que as bordas dá parte onde escrevemos fique redonda retire tudo que está em azul.

Se der algum erro, comente!

Só galera!