Cómo poner un buscador en tu blog


Si deseas añadir un buscador en tu blog para que tus lectores puedan buscar en tu blog debes hacer lo siguiente:

1) Vamos a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript.


2) Pega el siguiente código:


<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/> <input id="search-btn" value="Buscar" type="submit"/></form>


3) Puedes modificar la palabra Buscar y sustituirla por la palabra que desees. Dale a guardar y ya estará listo el buscador para tu blog.

El resultado será este:









34 comentarios:

  1. Lo hice en mi blog pero las letras BUSCAR quedan abajo y un lado del campo de escritura, no se si es por el espacio de la columna, ayudame por favor aqui puedes revisar http://www.hiphopline.blogspot.com/

    ResponderEliminar
  2. Hola Mc LAX. Bienvenido.

    Es raro que te quede así tal y como he visto en tu blog. Quizá dependa del tamaño (width) de tu sidebar (columna de gadgets)

    Trata de añadir al principio del código: <center>
    y al terminar el código esto: </center>

    Es para centrar el gadget. Si no se arregla posiblemente sea por el tamaño de la sidebar.

    Dime cosas y sino te funciona probaremos y buscaremos otra solución, ¿vale?

    Un saludo.

    ResponderEliminar
  3. Gracias por tu respuesta, pero nada keda igual abajo, oye pq no me ayudas con algo mejor sabes que tenemos del lado derecho 2 columnas y queremos borrar una de ellas pero borrarla por completa, pq asi no publique nada para que no aparezca las aplikaciones ENTIENDEN que ahi una columna y se parte y extiende hasta abajo. Por ejemplo el reproductor de ahorita lo pusimos en la sidebar derecha pero no se veia por lo ancho y se partia, entoncs lo pusimos en la izquierda y se vio completo pero chokaba con los elementos de la columna derecha y era un desastre, hicimos una especia de PUNTOS de "espacio" en la columna derecha para q el repro no chokara con aplikaciones " visibles" sino con puntos invisibles, de lejos parece que todo esta bien pero en realidad tengo mezclado el repro con la clumna derecha (los puntos), como hago para borrar una de ellas y hacer una sola AMPLIA que sea como estas dos JUNTAS, disculpa tanta habladera pero es bueno aprovechar este tipo de ayudas, gracias nuevamente.

    ResponderEliminar
  4. Relax, ya lo he conseguido. Gracias igual.

    ResponderEliminar
  5. Hola MC LAX, disculpa por no haberme dado tiempo en ayudarte. Acabo de leerlo.

    ¿Entonces ya has eliminado la otra columna (sidebar)? ¿Todo O.K?

    Saludos.

    ResponderEliminar
  6. Exacto, todo ok bro relax, hey tienes algun banner o algo? quiero agregar este blog a mis recomendadas pero tiene que ser con un banner.

    ResponderEliminar
  7. Hola de nuevo Mc LAX. Gracias por tu visita.

    Sí, aquí tienes un banner: http://img512.imageshack.us/img512/3236/logo125l.jpg

    Muchas gracias

    ResponderEliminar
  8. Ya he solucionado la direccion de tu banner en mis recomendados, disculpa el error, un saludo.

    ResponderEliminar
  9. No hay de que Blaze. Es un honor.

    Un saludo y gracias por tu visita.

    ResponderEliminar
  10. HOLA ESPERO QUE ESTES BIEN TREMENDA WEB MUY BUENA

    DE POCO E IDO APRENDIENDO Y YA ME HE ECHO TODOS LOS SCRIPTS, GADGETS Y MENUS ETC. POSIBLES PERO
    QUIERO SABER COMO HAGO ESE INDICE QUE TIENES TU QUE AL PICHAR UNA "NOTICIA O NO SE COMO LLAMARLO" TE LLEVA A LA DIRECCION

    ESPERO TU RESPUESTA

    ResponderEliminar
  11. Hola Oscarito. Bienvenido al blog y gracias por comentar.

    Por favor, revisa las normas, y sobre todo no está permitido escribir todo el comentario en mayúsculas por el bien de la vista de todos. Espero que lo entiendas ;)

    Respecto a tu consulta aquí tienes la respuesta. emplea el buscador buscando "Como crear un índice (sitemap)".

    Saludos amigo.

    ResponderEliminar
  12. O disculpa es que soy nuevo aquí mmm
    no pero lo inetente pero quiero uno igual al tuyo y es muy diferente

    ResponderEliminar
  13. Hola Oscarito. Si vas en tu panel blogger a Diseño->Elementos de página->Añadir un gadget encontrarás un buscador indagando por los menús que te aparezcan.

    Mi buscador es uno personalizado de un programa de publicidad de Google llamado Adsense.

    Saludos.

    ResponderEliminar
  14. tome esto como ejemplo para explicartelo mejor :
    Cómo dividir el gadget de etiquetas en dos
    [+/-]
    Cómo elegir las etiquetas a mostrar
    [+/-]
    Cómo crear un índice (sitemap) con todas las entradas de tu blog de blogger
    [+/-]
    Cómo eliminar mensaje "Mostrando entradas con la etiqueta..." de tu blog de blogger
    [+/-]
    Nube de entiquetas que se mueve en 3D para blog de blogger
    [+/-]
    Eliminar número de entradas en las etiquetas de blog de blogger blogspot

    no se si me entiendes :/

    ResponderEliminar
  15. No te entiendo, ¿pero no estábamos hablando de poner un buscador en el blog? Fíjate en la entrada en la que estamos. Por favor, cada cosa en su sitio. Te lo agradecería mucho.

    ResponderEliminar
  16. Hola, Compañero, como puedo hacer para que en mi barra de buscar, aparezca el logo de google como en la tuya ¿?
    Te lo agradezco mucho...

    ResponderEliminar
  17. Hola Administrador. Yo empleo una plantilla con una cabecera doble. Emplea mi buscador y encontrarás la entrada a la que hago referencia. Un saludo amigo.

    ResponderEliminar
  18. Hola, si yo se cual es el doble Header, pero yo me refiero al pequeño logo de Google que aparece dentro del buscador. "Google busqueda personalizada"
    Al menos que si uso el doble Header me salga el loguito, que no creo ¿?
    Te agradezco mucho...

    ResponderEliminar
  19. Ah vale, no te entendí. Es Adsense para búsqueda. Un saludo.

    ResponderEliminar
  20. Quería agradecerte la cantidad de información e ideas que posteas día a día, y el respeto que muestras en cada una de tus respuestas.
    Todo lo que he leído aquí me ha servido muchísimo para mejorar mi blog, así que ya tenés un lugar en mi lista de webs amigas :)
    Ojalá que tu tema académico se haya resuelto favorablemente, saludos desde Argentina!

    ResponderEliminar
  21. Muchas gracias por tus palabras "Cabeza de novia". Bienvenido al blog y gracias por tenerme en tu blog, es un placer y orgullo para mí. Un saludo y felices fiestas.

    ResponderEliminar
  22. Hola.Tengo que decir que soy muy novato en estas cosas y este blog me ha ayudado en varias ocasiones.

    Sobre incluir una barra de búsqueda, lo he intentado y este ha sido el resultado:

    http://img2.pict.com/49/36/e6/2322650/0/800/search.jpg

    Mi idea es dejarlo como en este otro blog,
    arriba esquinado y con esa 'transparencia':

    http://img2.pict.com/88/54/0b/2322660/0/search.jpg

    Sería posible?


    De verdad, muchas gracias por todo.

    url de mi blog: http://www.allgamesbeta.info

    ResponderEliminar
  23. Hola Endless. El ejemplo que buscas no está hecho con blogger y es difícil conseguir esa transparencia, al menos no sabría explicarte cómo hacerlo y menos a través de un comentario.

    Lo que puedes hacer en tu blog es esquinarlo a la derecha como querías. Para ello emplea este código:

    <p align="right">codigo del buscador</p>

    En donde pone "codigo del buscador" añade el código del buscador que expliqué en esta entrada.

    Saludos.

    ResponderEliminar
  24. Hola, a la hora de buscas: coloco la palabra y le doy buscar y no me sale nada, busque lo que busque me sale una ventanita arriba de la entrada y me dice que no hay resultados...que puedo hacer, o esto a que se debe???

    ResponderEliminar
  25. ¿Has tenido en cuenta que quizá no haya algo relacionado con la búsqueda?

    De todas formas si vas a Diseño->Elementos de página->Añadir un gadget->Cuadro de búsqueda (Nuevo)

    Trata de emplear ese buscador que ofrece Blogger.

    Saludos

    ResponderEliminar
  26. oye quierocrearunblog no puedo poner un buscador mas llamativo?
    espero tu respuesta!

    ResponderEliminar
  27. Hola Ledwin. Sí claro, aquí tienes más buscadores: http://www.quierocrearunblog.com/2010/01/buscador-google-blog-blogger.html

    Saludos.

    ResponderEliminar
  28. Hola...trabajo en una pagina nueva pero, tengo un problema con el buscador, busco cosas simples como mision, vision y no me ubica nada.
    El buscador ya viene integrado con la plantilla "Paper Craft" de Btemplates
    pasate www.huellasdeamorfundacion.com
    ¿como puedo hacer para que funcione el buscador?

    ResponderEliminar
  29. Muchas gracias por la información!
    Es la segunda vez hoy que añado algo a mi blog gracias a tu ayuda ^^
    Ahora lo unico que me queda para que sea perfecto es que haya más visitas jajajaj Pero eso irá pasando con el tiempo, no? O eso espero...
    Gracias otra veez!

    ResponderEliminar
  30. gracias por el post, pero una duda... ¿se puede aumentar el ancho de la zona de búsqueda??

    ResponderEliminar
  31. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  32. Gracias lo he hecho en mi blog y me ha funcionado.
    muy buen blog hay cosas de mucha ayuda y útiles.
    saludos!

    ResponderEliminar