Busca No Blog

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>

Posted in: Blogs