ene 05 31

Tutorial – La búsqueda de tu weblog o página en el FireFox

Tiempo estimado de lectura: 2,02 minutos


Hace unos días atras, publique un link para integrar la busqueda de este blog al navegador FireFox. Algunos me preguntaron como había hecho, ahora les intentaré explicar como conseguirlo con su motor de búsqueda.

Para empezar, el FireFox necesita un archivo que lo podríamos llamar con la extensión src (source) que contiene la información necesaria para encontrar la ubicación del formulario de búsqueda en nuestra página, tambien la localización del ícono correspondiente.

Podría ser una cosa similar a esta: (modificada de la versión que hicieron para Technorati):

<search
name="Nombre de tu página/blog/foro/etc"
description="brebe descripcion de la busqueda que se realizara"
version = "1.0"
#método de envio del formulario
method="GET"
#(en caso de WordPress es el index.php)
action="http://pagina-que-procesa-el-form.php
searchForm="http://pagina-con-el-form-de-busqueda.php"
#(WP tambien lo tiene en el index)
>

# Este caso es el nombre del parametro o variable que contiene el string de búsqueda
# El index de WordPress recibe de el parámetro s el string de búsqueda
# Google lo toma de la variable q el string de búsqueda (se pueden fijar en la direccion una vez realizada la busqueda)
<input name="s" user>
</search>

# Este tag se refiere a las direcciones que necesita el buscador
<BROWSER
# Para actualizar el src (debe presisar en que lugar se encuentra este archivo en tu web)
update="http://dir-de-tu-pagina/nombre-de-src.src"
# Para mostrar y actualizar el ícono (debe presisar en que lugar se encuentra el ícono en tu web)
updateIcon="http://dir-de-tu-pagina/nombre-de-img.png"
updateCheckDays="10"
>

Una vez que tenemos este archivo ya configurado, lo subimos a nuestra web junto con la imágen.

Para implementar el link en tu web, te hace falta una pequeña función en JavaScript que explicaré a continuación:
(modificada de la que hicieron para technorati)


<script language="javascript">
<!--
function addEngine()
{
/* este if detecta que sea un Mozilla FireFox*/
if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function"))
{
/*esta función agrega la búsqueda a tu navegador (coloca las direcciones de tu src, ícono y el nombre de tu busqueda)*/
window.sidebar.addSearchEngine(
"http://tu-pagina/tu-archivo.src",
"http://tu-pagina/tu-imagen.png",
"eleZeta",
"Blog" );
}
else
{
/* Modifica el versito que le aparece en el alert cuando entra con otro navegador */
alert("Este plug-in es para Mozilla, ¿Qué parte de Mozilla FireFox no entendiste? (http://mozilla.org/productos/firefox)");
}
}
-->
</script>>

Personaliza esta funcion y pegala en cualquier parte del index.

Luego agrega el link apuntando a esta funcion de esta forma:

<a href="javascript:addEngine();">Agrega la búsqueda en tu FireFox</a>

Y eso es todo. Cualquier duda o sugerencia, ya saben: Comentario, Guestbook o de última el email.

Ejemplo: Asi tengo configurado mi src y el java script que pueden ver en el codigo de la pagina que lo pegue en el menu.

Archivo .src:

JavaScript para pegar en tu página:

Copame! Digg it Digg it Reddit Del.icio.us

    14 Comentarios

  1. Gabriel


    genial!

  2. Osvaldo


    Muy bueno che, vamos a hacerlo para nocode

  3. gasc


    excelente,
    la única duda que tengo es cómo modificar los archivos para que la búsqueda se haga en un foro Phpbb o en un foro Invision…

    no me ha resultado… el search me lleva a la página de búsquedas, pero no me busca directamente :(

  4. Lucas


    gascLa verdad que no conosco de que forma se realiza la búsqueda en un foro phpbb. Apenas lo veo lo agrego al tutorial.

  5. Lucas


    gasc: El PHPBB segun vi en algunos foros, utiliza el método POST en vez del GET.

    Proba cambiandole los siguientes parámetros al src:

    method=”POST”
    action=”http://la-dir-web/search.php?mode=results”
    searchForm=”http://la-dir-web/search.php”

    Si te anda avisa asi lo agrego al post. Saludos

  6. Rodrigo


    Barbaro ! Siempre good stuff por aca … ;)

  7. naty


    Guenass, sigo sin entender nada, pero no pierdo las esperanzas eh!, ja, ja, ja, aj
    Besotes

  8. naty


    Guenass, sigo sin entender nada, pero no pierdo las esperanzas eh!, ja, ja, ja, aj
    Besotes

  9. Lucas


    Naty, la esperanza es lo último que se pierde. pero tenes razon; tengo que relajarme un poco, necesito un descanso de mi mismo. :P

  10. balta


    perdon…. deveria aber “buscado” jejeje

  11. Richard


    bueno, solo quiero saber como se genera el archivo “src” , como lo creas, gracias

  12. opligups


    NiksSlef 3 Strange any dialogue turns out..

    _____________
    ciallis
    50mg
    1

  13. ShampooGirl


    The rain in Spain falls mainly on the plain

  14. Twergyreage


    Новая эксклюзивная программа «Эталон» была изобретена ведущими русскими профессионалами-диетологами и эндокринологами (РАМН). Программа составит персональную диету и разработает методологию похудения исходя из Ваших собственных характеристик. При соблюдении предоставленной диеты Вы сбросите лишний вес более чем на 10 кг в месяц. В первую неделю вы гарантированно сбросите 3-5 кг лишнего веса. Что даст Вам программа похудения «Эталон»: Программа «Эталон» позволит Вам добиться таких результатов, которые непосильны в том числе и наиболее известным диетам. Кроме данного, Вы можете довольствоваться собственной новой ошеломляющей фигурой неограниченное время. Благодаря предоставленной программе, Вы укрепите личное самочувствие. Блестящие волосы, прочные и здоровые ногти, нежная тугая шкура – все благодаря заведомо сбалансированному питанию программы «Эталон». Стабильность в весе. Диетическая программа «Эталон» усиливает скорость обмена веществ в Вашем организме, а это означает, что лишний вес больше к Вам не вернется. Личный подход к любому клиенту позволяет точно найти причину набора в весе каждого обратившегося. Программа «Эталон» создаст Ваши идеальные пропорции. Программа составит личную диету и разработает методологию похудения исходя из Ваших собственных характеристик. Подробнее

Deja un Comentario

Tags permitidos:

  • <a href="" title="">
  • <abbr title="">
  • <acronym title="">
  • <blockquote cite="">
  • <code>
  • <em>
  • <strong>