Algunos se preguntarán -¿para qué poner un buscador en mi blog? Bueno, piensa que si tienes muchos post publicados y aunque tengas todo bien etiquetado talvez se les dificulte a tus lectores encontrar alguna información que hayas publicado en el pasado.
Así que acá van tres formas de poner un buscador en el blog. El primero es muy simple, está basado en Javascript y el aspecto es muy sencillo.
Así que acá van tres formas de poner un buscador en el blog. El primero es muy simple, está basado en Javascript y el aspecto es muy sencillo.
Para agregarlo entra en Dieño | Elementos de la página | Añadir un gadget | HTML/Javascript. Y pega este 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>
El resultado será este:
Para el segundo buscador entra en Diseño | Elementos de la página | Añadir un gadget y elige Cuadro de búsqueda. Ahí selecciona las opciones, por si quieres que las búsquedas sean sólo en el blog o en la web. Cabe señalar que los resultados los mostrará en el área de los post, al igual como las opciones de búsqueda en el blog o en la web.
Y por último este buscador de Google, que a diferencia del anterior en este aparecen las casillas en el buscador sobre dónde queremos hacer la búsqueda. El código es el siguiente:
<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_25wht.gif"/>
</a>
<input maxlength="255" value=""
name="q" size="15" type="text"/> <input value="Buscar" name="btnG" type="submit"/>
<font size="-1">
<input value="URL DEL BLOG"
name="domains" type="hidden"/><br/><input value=""
name="sitesearch" type="radio"/> la Web<input checked value="URL DEL BLOG" name="sitesearch" type="radio"/> NOMBRE DEL BLOG<br/>
</font>
</table></form>
Sólo debes cambiar los datos que están en color rojo por los tuyos y el resultado será este:
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
53 comentarios:
gracias, gracias, gracias, me ha venido de perlas nunca mejor explicado. un saludo
Hola Antonio, qué bueno que te ha servido.
Saludos.
MUY BUENO EL ULTIMO. MUCHAS GRACIAS
Por nada Edward, qué bueno que te ha gustado.
Saludos.
Hola!
Te felicito por el post, más detallado creo que no puede ser!! :-D
Quería comentarte unos “problemillas que tango” a ver si me puede ayudar.
En primer lugar en mi blog (formadores-ocupacionales.blogspot.com) use una plantilla de Wordpress adaptada para Blogger.
Con determinado Gadgets, coge el fondo marrón de la plantilla (puedes verlo en el cuadro de “Suscripción por correo” que sale con un marrón terrible para la pagina), así que cuando intento meter el buscador de google me sale igual, todo un cuadro marrón terrible.
He leído que se adapta a la plantilla que tienes, así que supongo que lo hace automáticamente ¿se puede cambiar por otro color el fondo del Gadget por el color blanco? Me vendrían bien ya que además podría aplicarlo al de “Suscripciones por correo”.
En caso contrario, la plantilla ya traía una caja de búsquedas (es el primer Gadget de todos) pero no funciona, no busca nada, ¿podría aprovecharla de alguna manera?
No sé cómo solucionar estos problemas, te estaría agradecido si me pudieras ayudar.
Gracias ¡¡
Hola Ismael Parras,
Gracias por tus comentarios y por tu visita.
El buscador de tu blog sí está funcionando, usé la palabra 'simuladores' y me arrojó tres resultados.
De cualquier modo, también puedes cambiar el color de fondo de los gadgets que mencionas, para hacerlo, entra a Diseño > Edición de HTML y busca este código:
form {
margin: 20px 10px;
padding: 15px 25px 25px 20px;
border: 1px solid #EEE8E1;
background: #FAF7F5;
Y en donde dice background cambia el código (#FAF7F5) por esto: #FFFFFF
Saludos.
Potro una pregunta...
sabes si puedo poner en vez de ese boton ''Buscar''una imagen?
Hola HP muggle,
En la línea donde dice input y tiene el valor type="submit" pon esto:
style="background:url(URL de la imagen);"
Saludos.
Hola! Intenté poner el cuadro de búsqueda sencillo y el gadget desde blogger y aunque sí sale el cuadro de búsqueda, al hacer una búsqueda de cualquier palabra me dice que no hay resultados. ¿Puedes ayudarme? Mi blog es: www.yosoygaby.blogspot.com. Gracias!!
Hola Gabriela Córdova,
Estos buscadores han presentado muchos problemas a la hora de mostrar los resultados. Podrías intentar usar el tercero de este post o bien crear un buscador de 'búsqueda personalizada' pues esos funcionan mejor, puedes hacerlo siguiendo este enlace:
http://www.google.es/cse/
Saludos.
Voy a intentar lo que me aconsejas. Gracias por tu respuesta.
Que mas potro como conseguiste el buscador que tienes tu en este blog ese es el que quiero
Hola Omar,
En el comentario #10 está la dirección donde puedes conseguirlo.
Cualquier duda me comentas.
Saludos.
ayudenme porfa pq no la barra de google el cuadro de busqueda me sale muy largo y tambien me sale las letras en color blanco y el boton de buscar tambien visita mi blog y ayudame porfa
http://www.programsdownloader.blogspot.com/
Hola bassfreak102,
No sé qué cambios hayas hecho en los estilos que es lo que causa que el color de las letras estén en blanco. Deshaz los últimos cambios que hayas hecho.
Para ajustar el tamaño del buscador pon esto antes de ]]></b:skin>
#CustomSearch1_form {
width:50%;
}
Hola Potro:
Gracias por la explicación.
Tengo una duda acerca del primer buscador:
¿Es posible que las palabras que encuentre aparezcan de otro color para destacarlas?
Un saludo y gracias de nuevo.
Hola P.Z.E.,
Me parece que con el segundo buscador sí se puede, pero no estoy seguro, con el que sí se puede es con el buscador personalizado de Google, en esta semana publico cómo hacerlo.
Saludos.
Excelente explicación y muy didáctica. El último ejemplo recoge toda la información que se busca. Muy útil. Muchísimas gracias y saludos desde Buenos Aires!!!!!!
Gracias a ti por tus comentarios. Saludos!
Hola potro, queria preguntarte sobre el cuadro de busqueda (el de blogger in draft) y es que en mi blog como que no funciona bien, si sabes que es lo que genera esto, algun script o algo me dices.
saludos!
Hola fabian,
Estos buscadores son un poco simples en las búsquedas, te recomiendo usar mejor uno más avanzado:
http://ciudadblogger.com/2009/11/motor-de-busqueda-personalizada-de.html
Saludos.
Grasias... levaba tiempo buscando algo como esto... muchas grasias Subido por Kuston
me quede con el primero. muy buen aporte
http://paradefenderlavida.blogspot.com/
Qué gusto que les haya sido útil esta información.
Saludos!
hola e probado mil veces a poner el buscador en mi blog y la verdad, copio y pego pero no funciona ya no se q hacer la verdad alguien me podría ayudar??? por fiss???
un saludo
¿En qué parte estás pegando el código?
a laaaaaa q rapidez potro gracias, te comento el codigo lo pege en elementos de pagina, en añadir gadget y en Configurar HTML/JavaScript pego el enlace y chico nada de nada,espero tu respuesta ansiosamente.
un saludo luz
Efectivamente hay que entrar en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pegar el código. Pero veo que en Jazzcineando ya lo has conseguido, sólo repite los mismos pasos para el blog al que también le quieras poner el buscador.
Saludos!
hola potro de nuevo mira le problema del buscador es el de jazzcineando , meto el nombre de una pelicula publicada hace un mes y no sale, pero dices tu q funciona entonces donde esta el problema?? no se si me explico o te ando volviendo loco.
un saludo de luz
Ah ok, creí que no podías poner el buscador.
Estos buscadores no son muy eficientes, tienen muchas limitantes al momento de realizar la búsqueda. Te recomiendo mejor un buscador avanzado:
http://ciudadblogger.com/2009/11/motor-de-busqueda-personalizada-de.html
Saludos.
Gracias MAn!! sirve al 100%!!1
hola potro, soy luz solo decirte q seguí tus indicaciones y puse el buscador q me recomendaste y funciona genial.
así q un saludo y muchísimas gracias por ayudarme y por tu paciencia.
un saludo de luz.
pd: me e echo seguidora de tu blog
Bayron, me alegro que te haya servido =)
Grupo : Jdjazz,Luz,Elvis, gracias a ti por tu visita, eres bienvenida las veces que quieras, saludos!
Uff me salvaste la vida
saludos de http://estrenosonline.ve.vg
Me alegro que te haya servido ;)
grax "El Potro" estubo muy bn
^^
Qué bueno que ta ha resultado!
hola potro.. una pregunta.. como se haria un buscador con opciones como el ultimo que pusiste, pero que por ej las 2 opciones sean de: uno buscar en google, y el otro en youtube (y que sea un solo buscador y no 2)... como seria el codigo para esto? espero que se entienda lo q quiero decir
Hola matink,
No hay buscadores con opción de búsqueda de otros sitios como YouTube o cualquier otro.
Saludos.
Pero como que no potro! ;)
mira para que veas te muestro el blog que estoy haciendo (http://www.tiedon.blogspot.com) .. ahora que si sabes que hay como se podria agregar 2 casillas para elegir donde querer buscar?
Hola de nuevo matink,
Me refiero a que un mismo buscador tenga la opción de buscar en distintos motores de búsqueda.
En el caso del último buscador hace un llamado a la URL de Google que es ahí donde hará la búsqueda, la opción de agregar nuestro blog significa que buscará dentro de nuestro sitio pero usando el motor de búsqueda de Google.
En el caso de los buscadores de videos como el de YouTube no utiliza el motor de búsqueda de Google sino el suyo (http://www.youtube.com/results)
Aquí es donde viene lo complicado pues un formulario (form) sólo puede tener un action ya sea el buscador de Google o de cualquier otro, pero no se pueden agregar dos al mismo tiempo.
Saludos.
A ahora te entendi.. y bueno si no se puede no se podra. Gracias igual por contestar siempre rapido potro.
Saludos.
noce q hice mal pero no me sale bien ordenado el buscador
si puedes pasar por mi blog http://bajandopeliculaslatinas.blogspot.com/
Yo lo veo bien, pero si quieres puedes eliminar esta parte del código:
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25wht.gif"/>
</a>
Así ya no saldrá el logo de Google y quizá puedas apreciarlo mejor.
Saludos.
Que tal Potro, mira tengo el siguiente problema. Yo pongo el primer buscador que pusiste y anda a medias. Te doy ejemplos:
Pongo buscar quilmes y me tira un solo resultado, cuando realmente tengo mas de 1 resultado con quilmes.
Despues por ej pongo ameriquest y no me tira ningun resultado y en realidad tengo 4 entradas con ese titulo.
Mira te dejo mi blog para que lo pruebes es http://videopublicidades.blogspot.com/ y por ej las entradas de ameriquest vas a ver que estan en la segunda pagina pero con el buscador no las encuentra..
Que podra ser potro esto que me esta pasando?
Espero que me puedas responder.. Saludos!
Hola matink,
En el comentario #30 hay una mejor opción, pues estos buscadores suelen no ser muy eficientes.
Saludos.
hola que tal pues veo que este blog es muy informativo quisiera saber si me pueden ayudar para que mi blog este en google o una forma de busqueda rapida billfish_18@hotmail.com es mi mail
Necesitas varias cosas, darte de alta en los buscadores, escribir mucho contenido, etc.
Lee la sección de SEO para que te des una idea.
hola.. quisiera saber como podria hacer para que me quede el buscador quede asi http://dl.dropbox.com/u/6673481/search.png
El que yo uso es este.
hola, no me funciona el segundo gadget, no arroja ningun resultado.... me puedes ayudar?
lo otro... donde hay q insertar el codigo de la tercera opcion?
Igual en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.