Caixinha de busca personalizada

Oi girls, tudo bem? Então, hoje o Tutorial é de como fazer uma caixinha de busca personalizada, porque né? Todo mundo tem direito de ter uma! Bom, essa semana eu tava fazendo mts provas e talvez por isso não pude postar, mas postei mt hoje !

Bom, vamos ao Tutorial ...

Tutorial começando [...]

Primeiro , vá em Design > Elementos da página

>Gadget de HTML/Javascript e coloque o código abaixo:

<style type="text/css"><!--#barra-busca {width: 150px;height: 40px;background-image: url(URL DO BACKGROUND DA CAIXA);background-repeat: no-repeat;background-position: center top;margin: 0px;}#form-busca {background: none;}#form-busca #sprocura{height: 21px;tuwidth: 95px;margin-top: 8px;margin-left: 8px;color: #000000;border: 0px solid #000000;float: left;padding:0px;background-color: #FFFFFF;}#form-busca #bt-busca {height: 28px;width: 28px;background-image: url(URL DO BOTÃO);border: none;margin-top: 4px;float: right;cursor: pointer;background-repeat: no-repeat;background-position: left top;margin-right: 10px;}--></style><div id="barra-busca"><form id="form-busca" method=get action="http://SEUBLOG.blogspot.com/search"><input id="sprocura" type=text name=q maxlength=255 value="PROCURE" /><input name=btng type=submit id="bt-busca" value="" /><input type="hidden" name="domains" value="http://SEUBLOG.blogspot.com" /><input type="hidden" name="sitesearch" value="http://SEUBLOG.blogspot.com" /></form></div>

Legenda:

Verde - Url do seu blog

Azul - Mensagem da caixinha

Amarelo - Url das imagens: Botão (28x28) e background da caixinha (150x40)

Bom, é isso meninas, espero que tenha ajudado!