Hot Posts

6/recent/ticker-posts

Sistema de Busca Personalizado

DOWNLOADS E DICAS

 

Você que quer um sistema de busca para seu blog bonito, entrou no blog certo!

olha o sistema de busca que vou ensinar como colocar em seu blog nesse tutorial de hoje veja na imagem abaixo:


 
 
Bonito não? então para colocar em seu blog é muito simples e fácil .
 
1- Faça o login no blogger
2- Vai em design
3-Editar HTML
 
Agora procure por :
]]></b:skin>
em seguida cole esse código acima da tag procurada :
/* ----- Busca ----- */.txt_busca{
background-image:url(http://codigosblog.net/servidor/search.png);
background-position:2px 2px;
background-repeat:no-repeat;
padding-left:20px;
border:1px solid #999999;
padding-right:2px;
padding-bottom:2px;
padding-top:2px;
color:#006699;
background-color:#FFFFFF;
} 
Salve.

Em seguida vai em 'Elementos da pagina ' e vai em adicionar gadget (onde você quer adicionar o sistema de busca)

em seguida adicione o gadget  HTML/Javascript e cole o seguinte código :

<div align="center"><form action='/search' id='searchthis' method='get' style='display:inline;'><input class='txt_busca' id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form></div>
Pronto. =)

Créditos :
http://www.codigosblog.com.br/2008/05/busca-no-blog-3.html

PODERA GOSTAR