Widgets

Caixa de pesquisa em HTML para seu blog

3 comentários

Caixa de pesquisa em HTML

Caixa de pesquisa em HTML

Recentemente em meu artigo sobre 3 caixas de pesquisas customizáveis e adaptáveis a qualquer layout, um leitor me perguntou se existia aquele formulário em html, então me dispus a colocar aqui este, para talvez atender a vontade deste leitor e de outros que possam ter a mesma curiosidade.

Acesse o painel de controle do seu blog, depois clique no menu Layout > Adicionar um Gadget > HTML/JavaScript. .

2. Copie o código que é mostrado a seguir e cole-o no campo de conteúdo do gadget.
<form name="input" action="/search" method="get">
<input type="text" name="q" style="width:260px;font-family:Arial;font-size:12px;"><input type="submit" value="Pesquisar">
</form>
Você pode ajustar a largura do campo de busca mudando o valor que foi destacado em vermelho. E pode mudar também a frase que aparece no botão alterando a parte que foi destacada em azul.
3. Depois de fazer os ajustes, basta clicar no botão Salvar. Pronto! Agora, vá no seu blog e confira se está tudo certo. Abaixo você pode conferir um exemplo de como o formulário de busca ficará:


É um formulário de busca bem simples, mas se você tiver conhecimentos em HTML/CSS você pode estiliza-lo a seu critério, assim como os formulários de busca que postei no artigo sobre caixa de pesquisa.

artigo sobre caixa de pesquisa

3 comentários:

  1. oiee,funciona perfeitamente, mas eu gostaria de saber se tem como mudar a aparencia da cx, sou leiga em CCss,mas gostaria de um modelocolorido,masi bunitinho,brigado gury

    ResponderExcluir
  2. Muito bom o uso da cx de pesquisa,mas gostaria de mudar a aparencia,tentei e não consegui,tem como vc me ajudar?
    e tbm gostaria de saber se tem como pesquisar dentro do proprio site?? pode se fazer esta alteração?
    brigaduuuuuuu ,visse?

    ResponderExcluir
  3. Use este script aqui neste outro artigo. esta caixa de pesquisa é a mais aceita pelos meus leitores! http://www.tudoseo.com/2012/02/caixa-de-pesquisa-perfeita-para-seu.html

    ResponderExcluir

Todo comentário é bem vindo, pois acrescenta muito aos nossos posts, portanto, fique a vontade para debater sobre nossos assuntos...

setaretornoaotopo