16 de mai de 2012

Caixa de pesquisa personalizada no blog

 

 Oi denovo amores, agora vou ensinar como fazer e como fazer aquela caixa de pesquisa personalizada tipo essa aqui:

  
Então vamos lá:

 1. Vá no Design >> Elementos da Página >> Adiconar gadget >> HTML/Javascript e cole o código abaixo sem modifica-lo.


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

              2. Vá no seu HTML, e usando o CTRL+F ou F3, procure por:

              
              ]]></b:skin>
     
              Cole acima da tag, o código abaixo

search{
float: left; /*Posicionamento esquerdo */
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 é escrito */
} .searchbut{
background: url('URL DO BOTÃO'); /* Link da imagem do botão de pesquisar*/
width:30px;
height:30px;
border: 0;
padding:7px;
}

*Você pode mudar a cor da fonte, de acordo com essa tabela.
*Onde está escrito de vermelho, você coloca a URL de alguma imagem ou você pode fazer a sua






 



 
        

4 comentários:

  1. Amo seu blog e seus tutoriais são muito úteis para principiantes como eu.

    meucantinhoadoidado.blogspot.com

    ResponderExcluir
  2. Amei tuto demais...ja to seguindo pode seguir ?

    http/mundinhocomglitter.blogspot.com

    ResponderExcluir
  3. olá Gabiih muito legal o seu tutorial , uma pena não ter para blogs masculinos , más mesmo assim gostei . abraço :)

    http://interacao-planeta.blogspot.com.br/

    ResponderExcluir

Yoo cherry, espero ter gostado do post. Se quiser comentar, fique a vontade, mais antes siga estas regrinhas:

- Não aceito comentário "Seguindo, segue de volta?"
- Não fale palavrões.
- Criticas são bem vindas, desde de que sejam criticas objetivas.
- Deixe o seu blog, talvez eu queira vê-lo.
- Aceito tags e selinhos.

Espero que sigam as regras que são bem importantes.