15/04/13

Tutorial : Colocar caixa de busca


Olá leitores ! Hoje trago um tutorial, como colocar caixa de busca (personalizada). 
Ela é bastante útil, basta o teu leitor chegar lá e escrever o que quer procurar e aparecem uns posts a ver com o que ele pesquisou.

A caixa ficará assim (ou parecida) :

Se quiseres meter, vai ao html e cola o código seguinte acima de ]]></b:skin> (tens que clicar na 1ª seta para veres o código)

.search{
float: left; /* Podes mudar para Right (Direita) */
font-family: Trebuchet ms; /* 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('http://i39.tinypic.com/25ezh8z.png'); /* Link da imagem do botão de pesquisar*/
width:30px;
height:30px;
border: 0;
padding:7px;
}


Depois, cola o código seguinte num gadget html/javascript

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


Espero que tenham gostado, kiss.
Créditos ao Jackie Dream.

6 comentários:

  1. hOy! amoree adorei o tutu! :3 teu blog é lindo! estás interessada em afiliação? >3<

    biZus*

    WONDERLAND

    ResponderEliminar
  2. Que caixinha de pesquisa tão fofa
    ^^ Amei o tuto
    Kisses,
    Catarina 4ever <3
    sonhos-em-pastel

    ResponderEliminar
  3. Só mais uma coisa:
    o blog <a href="http://boarding-for-paris.blogspot.pt>Boarding of Paris</a> que estás a divulgar foi eliminado.

    ResponderEliminar
    Respostas
    1. É uma pena, eu até gostava do blog...

      Eliminar
    2. Parece que adivinhas o meu pensamento!
      Eu procurei bastantes tipos de caixas de pesquisa, mas ou são enormes ou horrendas, mas esta parece perfeita!
      Mais dia menos dia está no Pugs Generation.
      Beijos,
      Rita
      Pugs Generation

      Eliminar
  4. Eu acho essa caixa de busca muito foofa!
    http://garotadabolsa.blogspot.com.br/

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias