Insertar buscador de google en nuestro blog I (blogger, blogspot)

Hoy les mostraré como podemos insertar un buscador de google en nuestro sitio. Hace algún tiempo, expliqué como insertar un buscador de entradas en nuestro blog, y hoy mostaré como insertar un buscador de google que permitirá buscar tanto en google como en las entradas de nuestro blog que tenga indexadas google.

buscador google en el blog

buscador google en el blog

Presentaré varios tipos de buscador. El primero será tal y como muestra la figura, y con la finalidad de permitir a los usuarios buscar en google y en nuestro propio sitio. El resultado visual será como el se puede mostrar en la figura. Los pasos para ponerlo en nuestra web serán los siguientes:

1. En primer lugar, vamos a nuestro panel de blogger, y elegimos la pestaña “Diseño” y la subpestaña “Elementos de página”.

2. A continuación elegimos “Añadir nuevo elemento de página”, y elegimos la opción HTML/Javascript.

3. Finalmente, para terminar copiamos el siguiente código HTML, reemplazando NOMBRESITIO por el nombre de tu sitio, y DIRECCIONSITIO por la correspondiente URL (algo de la forma http://tublog.blogspot.com). Para que todo esté correcto en total se han de hacer 3 cambios.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  <form action="http://www.google.com/search" method="GET">
  <input value="UTF-8" name="ie" type="hidden"/>
  <input value="UTF-8" name="oe" type="hidden"/>
  <table bgcolor="#FFFFFF">
  <a href="http://www.google.com/">
  <img border="0" alt="Google" src=" http://www.google.com/logos/Logo_40wht.gif"/>
  </a>
  <input maxlength="255" value="" 
 name="q" size="15" type="text"/> <input value="Buscar" name="btnG" type="submit"/>
  <font size="-1">
 <input value="DIRECCIONSITIO" 
 name="domains" type="hidden"/><br/><input value="" 
 name="sitesearch" type="radio"/> la web<input checked value="DIRECCIONSITIO" name="sitesearch" type="radio"/> NOMBRESITIO<br/>
  </font>
  </table></form>

Para terminar la explicación en otro artículo, explicaré como insertarlo en la parte superior después del título mañana.

32 pensamientos en “Insertar buscador de google en nuestro blog I (blogger, blogspot)

  1. BiG_FooT

    Muchas gracias.

    Me encanta tu web. Muy útil si señor… En favoritos que se queda…

    Una cosa, o yo no se buscar o esta parte al final se ha quedado en el tintero no?
    “Para terminar la explicación en otro artículo, explicaré como insertarlo en la parte superior después del título mañana.”

    Espero que puedas terminarla..

    Un saludo!

  2. Oscar GP

    Hola Big Foot,

    Tienes razón, no está la continuación, me la apunto en la lista, estoy acabando de responder y subir webs al directorio que tengo atrasadas, cuando acabe vuelvo a publicar otra vez!!! Y esta vez sí aparecerá!!! un saludo!

  3. Criptozoólogo

    Google dispone de un buscador específico para Blogger que trabaja de una manera mucho mejor que el que proporciona este código. Utiliza tecnología Ajax que permite mostrar los resultados de las búsquedas en la parte superior del blog y sin necesidad de recargar la página. Su funcionamiento puede verse en mi blog, donde lo coloqué sustituyendo al buscador de entradas normal. Para añadirlo sólo hay que ir a la sección de diseño y seleccionarlo como nuevo gadget, pero no sé si esté disponible para el escritorio normal ya que yo siempre entro desde Blogger in Draft.

  4. Alicia

    Hola, entro en mi blog, diseño, elementos de pagina, pero no veo como añadir nuevo elemento, solo tengo añadir gadgets y no veo lo del formato HTML … Estoy empezando y un poco pez.. Gracias

  5. oscargp

    Hola Alicia, añadir nuevo elemento es lo mismo que añadir gadget, y una vez pulsas, si bajas un poco verás HTML/Jaavscript. Un saludo y suerte 🙂

  6. diana

    he introducido el código del buscador como tú me indicas y… en la web busca perfectamente pero en mi blog NO BUSCA.
    gracias.

  7. Rafael

    Hola, me pareció muy interesante el buscador y lo inserté en mi blog.
    Pero lo que busco especificamente es hacer un buscador así pero no para google sino para una página que busca especificamente drivers, intenté cambiar las urls en el código pero lo mas que consigo es que se abra esa web pero no me hace la busqueda ¿crees que puedas ayudarme con eso? desde ya muchas gracias

  8. ana

    Hola:
    Tengo una dudilla sobre el buscador….vamos a ver yo puse uno de google en mi blog (esfantastico.blogspot.com) pero el caso es q lo puse para q me buscara en mi blog solo y no me encuantra nada. pongo algo q se q esta y nada de nada…que puedo hacer??
    gracias

  9. Max Power

    Hola amigo ,solo gracias por la ayuda la verdad hace dias que andaba buscando algo asi grtacias gracias +10 ,la verdad en mi blog no se porque dejo de funcionar el buscador que era de adsense busqueda pero ahora usare este gracias por todo saludos y feliz 2010

  10. CamusCamil

    Hola a mi también me falla y quisiera saber si tienen el buscador q abre las paginas pa buscar debajo del buscador nomas crees q puedas conseguirte ese buscador estaria muy agradecido.

  11. Daniel

    Hola buenas, magnífico buscador, pero al ponerlo en mi blog me ocurre un problema, y es que las palabras de “WEB” y “nombre del blog”, me aparecen esas palabras en vertical, las palabras que indico arriba son las que aparecen al lado de las pestañas a seleccionar para que busque en un sitio o en otro, y no se como cambiar o como ponerlo para que esas pestañas que se marcan para que busque en un sitio u en otro me aparezcan una al lado de otra en horizontal

Los comentarios están cerrados.