Barra de Pesquisa Personalizada

Foto: [teenblogumblogpravoce.blogspot.com]

Simples esse tuto tudo de bom para você! Personalize sua caixa de pesquisa simples e fácil! Vamos lá aprender como! Recomendo fazer um download do seu template em caso de erro hein!

Procure por (Ctrl + F): ]]></b:skin>  

Cole este código belíssimo aqui -q:

.search
{float: POSIÇÃO; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda)
font-family: Tahoma, Tahoma; }/* Fonte */}
.searchbar
{height: 20px;width: 140px;color: #8B0000;
*/-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('URL_DA_IMAGEM_DO_BOTÃO_DE_PESQUISA'); /* Link da imagem do botão de pesquisar*/
width: TAMANHOpx; height: ALTURApx; border: 0; padding:5px;}

Salve e tudo ok ;D Depois vá em Adicionar Gadget e adicione HTML/JavaScript.
Cole este código aqui:

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

Pronto! Agora salve e vizualise. 

Editando:

EM VERMELHO: São códigos editáveis. Toda edição está escrita no próprio código.
COM FUNDO: É caso você queira as bordas da caixa arredondadas. Caso não, apague a linha.

Espero ter ajudado! Beijinhos :*