Busca personalizada para Firefox e IE com página estática

Busca personalizada para Firefox e IE com página estáticaNo começo deste ano postei aqui no blog um tutorial de como criar uma página estática para busca interna usando o Google Custom Search Engine. Hoje darei uma dica de um "complemento" para a busca, fazendo com que seus leitores possam buscar ainda mais fácil, ensinarei a criar uma busca personalizada, possível para usuários do Firefox e IE7 ou superior.

Primeiramente, se você não fez o tutorial de busca em página estática, sugiro que faça-o, pois será utilizado neste outro tutorial, além de ser bem útil.

Depois de feito, você precisará adaptar um código XML:

<?xml version="1.0"?>

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">

<ShortName>Nome do seu blog</ShortName>

<Description>Descrição para a pesquisa</Description>

<Image height="16" width="16" type="image/x-icon">[URL DO ÍCONE]</Image>

<Url type="text/html" method="get" template="[URL DA PÁGINA ESTÁTICA]?q={searchTerms}&amp;cx=[CX da sua busca personalizada]&amp;cof=[COF da sua busca personalizada]&amp;ie=UTF-8"/>

</OpenSearchDescription>

Para pegar o CX e o COF da sua busca personalizada, faça o seguinte:

  • Acesse a página do Google Custom Search Engine.
  • Clique no link "Painel de controle" em frente ao nome da sua busca personalizada.
  • Clique em "Obter código".
  • Agora basta copiar o "value" do CX e do COF na caixa "Código da caixa de pesquisa" e substituir no código, veja a imagem abaixo:

CX e COF

Depois de personalizar o código, salve-o com extensão XML e hospede-o, aqui no Blog on the Net eu uso o Google Sites.

Depois de hospedado, você precisará personalizar mais um código, o código é o seguinte:

<link title="[MESMO NOME USADO no ShortName do código XML]" type="application/opensearchdescription+xml" rel="search" href="[URL DO ARQUIVO XML]">

Depois de personalizado, converta-o no Parse HTML for Blogger XML.

Copie o código convertido e então cole-o dentro da tag HEAD do seu template.

Pronto ! Toda vez que alguém acessar o seu blog usando o Firefox ou IE7 (ou superior), a pesquisa personalizada (que aparece no canto superior direito do navegador) será oferecida.

Este tutorial foi feito com base no tutorial SearchBox customizada para Firefox e IE7 do UsuárioCompulsivo.

Postado por Talysson | 21 de novembro de 2010 | Categorias: , ,
Assine nosso RSS RSS/Feed: Receba automaticamente todas os posts do Blog on the Net!
Clique aqui para assinar nosso RSS. É totalmente gratuito !

Twitter Orkut Digg del.icio.us Stumbleupon Reddit Blinklist Blogmarks Spurl Yahoo Ouça esta postagem Bookmark and Share


Artigos relacionados:


Seja o primeiro a comentar!

Leia as regras antes de comentar
Todos os comentários são moderados, e devem seguir as seguintes regras:

- O comentário tem que ter relação com o assunto do post.
- Para deixar a URL do seu blog no comentário, comente usando seu OpenID.
- Comentários contendo: ofensa, insultos, ameaças, ou preconceitos de qualquer tipo não serão aceitos.
- Não peça parcerias pelo formulário de comentário.
- Para contactar sobre algum assunto que não seja o do post, use o formulário de contato.
- Não use links desnecessários nos comentários.

Atenciosamente. Equipe Blog on the Net.

Free the web