Se você gosta de novidades, principalmente tecnológicas como eu, certamente, você já deve ter um dos novos broswers. E ninguém merece ter que acessar a página digitar o nomezinho e clicar em “Buscar”. Então pra isso que nasceram as barras de pesquisa na própria tela do broswer.
Mas porque se limitar a fazer pesquisas por essa barrinha só com sites já selecinados, enquanto podemos criar as nossas próprias. Que enrolação eu fiz só pra chegar nisso, não?
O bom disso é que não e nada difícil, é só criar um arquivo XML. O arquivo deve conter:
-
<?xml version=“1.0″ encoding=“UTF-8″?>
-
<OpenSearchDescription xmlns=“http://a9.com/-/spec/opensearch/1.1/”>
-
<ShortName>Nome do buscador</ShortName>
-
<Description>Descrição do buscador</Description>
-
<Image width=“16″ height=“16″>http://www.meusite.com/favicon.ico</Image>
-
<InputEncoding>UTF-8</InputEncoding>
-
<Url type=“text/html” template=“http;//www.meusite.com/buscar={searchTerms}”/>
-
</OpenSearchDescription>
A única koisa coisa (muito IM) complicada deve ser configurar a 7º linha, vamos aprender? Teste aí do lado a pesquisa do blog, já na página de pesquisa, você verá na barra de endereços umas coisinhas http://bla,bla,bla.com/?s=(o que você pesquisou), então é só substituir “o que você pesquisou” por {searchTerms}, como no exemplo acima.
Se você quiser colocá-lo no seu site escreva na seção <head> :
<link rel=”search” type=”application/opensearchdescription+xml” title=”Nombre del sitio” href=”http://www.seusite.com/searchplugin.xml”>
Mas se você deseja que o visitante clique num link e adicione seu motor de busca coloque:
<input type=”button” value=”Adicionar motor de busca”
onClick=’window.external.AddSearchProvider(“http://www.meusite.com/searchplugin.xml”);’>
Mas agora isso na seção <body>.
Bye,bye. Já tenho que dormir.
