Tutorial: Caixinha de busca personalizada

                  
Hoooy delicadinhas , hoje eu vim mostrar a vocês como fazer uma caixinha de busca personalizada , mais antes de tudo , créditos a Chassy , então vamos começar?

-----------------
                                                             Tutorial Começando 

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

Depois adicione um 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)

espero que vocês tenham gostado ! , comentem 3beijos_