quinta-feira, 21 de julho de 2011

Sistema de Busca Personalizado

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

Marcadores: , ,

2 Comentários:

Às 21 de julho de 2011 18:55 , Blogger Free Step Tube disse...

eu acho que nao combinou o form quadrado e o bt meio redondo

 
Às 21 de julho de 2011 22:01 , Blogger Códigos Blogger disse...

Não seja por isso, confira outros buscadores pelo link abaixo:

http://www.cblogger.net/search/label/Buscadores

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial