Como Colocar Caixa de Pesquisa !

Oi Oi tutorial que eu prometi achei esse legal ele é muito util para Todos os blog's , quase todos que eu visito tem uma caixa de pesquisa fofinha ahsuahsuahsu , Deu tempo de postar meu tuto [ gloria a deus pai ] , então "VUALA" estar aqui para vocês e ainda inclui botões de pesquisa lindo's para diferencia a sua das dos outros blogs quer ver ?? Leia Mais >>

1. Vá até Design > Editar HTML e procure por ]]></b:skin>. Acima da tag 

que você acabou de achar, cole o seguinte:

.search{

float: left; 

}

.searchbar{

height: 20px;

width: 200px;

border-radius: 2px;

border: 1px solid #8d8d8d;

background:#bcbcb9;

text-align:center;

color:#2f2f2e !important;

font: 10px verdana !important;

text-shadow:0 2px #fff;

}

.searchbut{

background: url('LINK DA IMAGEM DO BOTÃO');

width:39px; /* largura da imagem /*

height:33px; /* altura da iamgem /*

border: 0;

padding:10px;

}

2. Depois de personalizar como você quiser, coloque o seguinte código em um gadget de HTML/JavaScript:

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

botões Lindos :

Créditos - KW ♥