Busca no blog [3]

Fiz mais um sistema de busca para colocar em seu blog, sem precisar sair fora da página…
Esse pra mim é o mais bonito deles.
Como vai ficar:

\"\"

Quer um desse para você? Só seguir o tutorial abaixo:
Antes de tudo sempre que for fazer alguma mudança no template, salve ele antes! Para não correr risco de perder tudo e sair prejudicado.

1º – Faça login do seu blog, entre em: \”Layout\” -> \”Editar HTML\”

2º – Procure (Ctrl + f) o código:

]]></b:skin>

3º - Cole ACIMA isso:

/* ----- 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;
}

4º - Salve!

5º - Entre em: \"Layout\" -> \"Elementos da página\" e clique em \"Adicionar um elemento de página\". (onde você quer adicionar o sistema).

6º - Escolha a opção: \"HTML/JavaScript\".

7º - Cole o código abaixo e salve:

<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!