30 de mar de 2012

Caixa de Pesquisa personalizada

Hello brigadeiro com morango! 
Tumblr_lvqin69tfv1r3wqbzo1_500_large
Clique em continuar lendo e veja!

Bom vá em Blogger>> Design>> Adicionar um Gadget HTML/Javascript e cole esse código:
<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>
url do blog: Coloque a URL do seu blog.
url das urls das imagens: Coloque as URLS das imagens: Botão(28x28) e background da caixinha (150x40).
Mensagem da caixinha.

Fácil não?
Beeijos!

Nenhum comentário: