¡Tu mensaje de bienvenida, twitter o publicidad aquí!

| Suscríbete vía RSS

terça-feira, 28 de outubro de 2008

Botao de busca

| |

olá pessoal...vim postar um tutorial nem um pouco modificado por mim repito n mudei nada entao
devo os creditos total para codigos blog ai vai:

Como ele é:




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:
]]>
3º - Cole ACIMA isso:

/* ----- Busca ----- */

.txt_busca{
background-image:url(http://www.iconlet.com/icons/crystal09/16x16/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>

(só é necessario retirar os asteriscos "*")

obrigado moderadores de codigos blog....
espero que gostaram
tchau tchau

0 comentários:

Contato

Se voce esta com duvidas ou quer nos falar algocomo ideia pode nos mandar um e-mail ou mandar uma mensagem para nosso messenger de suporte:

suporteblogdicas@hotmail

para as duvidas temos um topico especifico tambem

Sugestoes e Reclamações


Nome:

E-Mail:

Assunto:

Mensagem:


Sobre o blog

Blog dicas é um blog totalmente dedicado a ajuda aos novatos em blogs...ele contem tutoriais dicas e etc para ajuda-lo.
espero que gostem
Atensciosamente

Divulgue-nos

Blog Dicas



Parceiros