[Tutorial] Personalizar barra de pesquisa *estilo cute*

Olá minna.

Venho trazer um tutorial sobre como personalizar a barra de pesquisa.

Ao contrário dos outros tutos, este não é preciso mexer no HTML do blog.

Visualizem e se gostarem cliquem em Ler mais...

Bem, o tutorial é tão simples que não precisa de muita explicação:

--->Acrescentas um gadget HTML em Esquema e colas o código:

<br /><center>
<style>
.search{
float: left;
}
.searchbar{
background: #FFE1F0;
height: 23px;
width: 206px;
border: none;
-webkit-box-shadow: inset 0px 0px 2px #fff;
-moz-box-shadow: inset 0px 0px 2px #fff;
-ms-box-shadow: inset 0px 0px 2px #fff;
border: 1px solid #FFE1F0;
font-family: 12px Open Sans;
text-shadow: 1px 1px 0px #F8C7C9;
outline-offset: 3px;
outline: 1px solid #FFE1F0;
float: center;
margin: 3px;
color:#fff;
text-align: center;
}
</style>
<div style="margin-left: -3px;">
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="" />
</form>
</div></center>

E pronto.
Por favor, comentem a vossa opnião.
créditos:Gabi