Caixinha de Pesquisa Diferente

Yoo!

Trouxe uma caixinha de pesquisa diferente olhem como fica:

Super Lindo neh?

Créditos:Rose Of Pain

Vamos Aprender?

Vá em Modelo,Editar HTML, aperte f3 e procure por:

]]>

Acima dessa tag cole:

.search {float: left; color: #fcd4e2;}

.search input {width:200px; height: 22px; padding: 5px 5px 5px 50px; font-size: 10px;  border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url('http://static.tumblr.com/ifqwhnb/kGrm2tvhv/se.png') no-repeat 10px; background-color: #fcd4e2; color: #fff;} 

Vamos Entender:

 background-color: #fcd4e2: Essa parte é a cor do fundo da caixa de pesquisa, altere a cor que desejar.

color: #fff: Essa parte está na cor branca, que seria a cor da letra que você estará digitando na caixa de pesquisa.

Agora vamos no HTML/Javascript e coloque esse código

[www]

Eu adorei esse tuto deixa o seu blog super diferente!