quarta-feira, 23 de julho de 2014

Caixa de Pesquisa Personalizada

| |

Olá novamente! Agora que eu já almocei, eu vou ensinar a vcs como colocar no blog uma caixinha de pesquisa personalizada. Como podem ver, aqui no blog tem e está como gadget "PESQUISAR". 


1- Vá me modelo>> Editar HTML>> Procure por:

]]></b:skin>

2- Em seguida, cole antes do código encontrado o seguinte:

 .search{
float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */
font-family: Tahoma, Tahoma; /* Fonte */}.searchbar{height: 20px;width: 140px;color: #FF82AB; /* Cor da fonte  */-moz-border-radius: 6px;-webkit-border-radius: 6px;-goog-ms-border-radius: 6px;background: #FFF; /* Cor de fundo da parte onde escrevemos */
}
.searchbut{
background: url('LINK DO BOTÃO DE PESQUISAR');
width:30px;height:30px;border: 0;padding:7px;
}

3- Após isso, salve e depois vá em Layout>>Adicionar um gadget>>HTML/JavaScript e cole:

<form action="/search" class="search" method="get"><input class="searchbar" id="s" name="q" type="text" value="" /><input class="searchbut" type="submit" value="" /></form> 

4- Não esqueça de dar um título para o gadget. Após fazer isso salve e pronto! 

Nenhum comentário:

Postar um comentário