Enlaces Patrocinados:
En este post aprenderemos a como agregar o añadir un buscador a nuestro blog de Blogger, para esto solo hay que seguir 3 simples pasos. Recordemos que el buscador siempre debe ir en una zona visible (principalmente al inicio). Otro punto es que este buscador de Blogger es más conveniente añadirlo si es que no se cuenta con Adsense de Google o sólo para complementarlo.
Para añadir el código debemos:
1.- Acceder al menú Plantilla >Elementos de página
2.- Aquí, agregaremos un elemento del sidebar de tipo HTML/Javascript
3.- Al campo de título podemos ponerle “Buscador” o dejarlo vacío, el campo de contenido sí debe tener 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>
Resultado:
Pueden personalizar el texto Buscar por otro que ustedes deseen e incluso pueden añadirle estilos al botón, por ejemplo podrían añadirle códigos de CSS así:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"/></form>
Resultado:
Asi podrían ir jugando con otros diseños y parámetros de CSS. Cualquier duda postean.
November 28th, 2007 at 7:05 pm
Hola, una pregunta, este buscador es para hacer busquedas en la Web o dentro del blog? usa a google como motor?
SAlu2
November 29th, 2007 at 3:52 am
No usa a Google como motor y es para hacer búsquedas dentro del blog.
December 1st, 2007 at 6:42 am
GRacias. Lo instale.
December 1st, 2007 at 6:43 am
Hola Nando DD 😀 espero que te haya sido de utilidad. Saludos.
February 5th, 2008 at 2:45 am
Gracias… Por fin un buscador interno que funciona.
Super agradecido
February 5th, 2008 at 2:49 am
Hola newsmaster, que bueno que te haya servido, espero verte seguido por aquí, un abrazo.
February 26th, 2008 at 5:10 am
Muchas gracias por esa información.
Clara, sencilla y muy útil.
March 15th, 2008 at 12:49 am
Muchas gracias, lo instalo ahora mismo… como veras estoy dando una ojeada a todo…es que mi blog esta un poco hecho polvo…
March 15th, 2008 at 12:56 am
uy lo he puesto y ha quedado mal…lo dejo puesto para que veas como ha quedado…
March 15th, 2008 at 1:16 am
No era tu culpa Mary, sino que cuando me pasé de Blogger a WordPress algunas comillas ” se me cambiaron a ” y es eso lo que generaba el error, ya lo arreglé.
Te agradecería que si ves más errores de códigos con comillas así me lo hagas saber y las modificaré.
Gracias :up:
March 15th, 2008 at 1:28 am
Hice todo como dijiste, pero no paso nada, solo aparecieron dos espacion en blanco y en uno de ellos decia “Buscar” pero no hacia nada y no aparecia como boton sino como una caja de texto.
March 15th, 2008 at 2:28 am
Pruébalo de nuevo Francisco, ya he modificado el código y lo acabo de probar en mi Blogger, anda bien :halo:
March 31st, 2008 at 2:18 am
Muy bueno y sencillo, gracias!
:up:
March 31st, 2008 at 8:14 am
Bonito blog, Radix 🙂
April 15th, 2008 at 4:13 pm
Funciona mb, gracias
April 30th, 2008 at 3:03 am
Gracias es lo que buscaba, algo sencillo y útil.
April 30th, 2008 at 5:57 pm
Sin duda esta creo que es la mejor manera, draft.blogger.com ofrece una funcionalidad nueva, pero ralentiza mucho el blog.
En mi web también explico esta manera de hacerlo
May 7th, 2008 at 9:43 pm
Muchas gracias por el buscador, me funciona perfectamente, visible en el lugar que queria, y hasta me da resultados de la pelicula 300
lo recomiendo
May 8th, 2008 at 6:31 am
Muchisimas gracias, funciona a la perfeccion, es simple de instalar y hasta ace bonito, me habeis sido de gran ayuda, lo e instalado en http://el-equipo-a.blogspot.com/
July 17th, 2008 at 12:23 pm
Muy buen post. El buscador funciona muy bien. Eso sí, tengo una pregunta. ¿Cómo lo ubico alineado a la derecha?
September 16th, 2008 at 2:58 pm
grasias se agradece lo andaba buscando grasias
September 17th, 2008 at 8:36 am
Super agradecido. Este buscador es muy rápido.
Gracias……..
December 16th, 2008 at 4:37 pm
hola, me funciona amigo, pero me gustaria enlasarmás blogs en la búsqueda. cómo podría o qué debería agregar en el código html para la búsqueda en varios blogs dentro del mio
December 16th, 2008 at 6:27 pm
Hola wilmer, en ese caso te recomiendo que revises mejor este post para agregar el buscador de Google en tu blog, allí tienes la opción de buscar no solo en tu blog, sino incluso en toda la web.
Saludos.
January 5th, 2009 at 2:24 am
muchisimas gracias es lo que buscaba :up:
January 26th, 2009 at 11:06 am
me parecio muy bueno, aunque busca cualquier palabra dentro del blog, no abra uno que busque por etiquetas o por el titulo de cada entrada?, muchas gracias de ante mano :up:
February 6th, 2009 at 12:55 am
Her seguido las pautas que me marcabas y todo me ha salido bien. Es super sencillo, pero le tengo que poner una pega. A mi me gustaria que me subrayara cada vez que encuentre la palabra buscada (o resaltara su colo,eso da igual) es mucho pedir? Es que yo quiero hacer una especie de diccionario online y me viene de maravilla este gadget. A ver si mi aconsejas alguna pagina donde se puedan coger la etiquetad de buscadores con opciones mas avanzadas, muchas gracias, didi madloba
P.D. Ya ves que te leen incluso en Georgia
February 6th, 2009 at 1:57 am
Busca scripts, no un código de buscador dentro de un contenido.
February 18th, 2009 at 5:35 pm
Un millón de gracias!!! 🙂
March 10th, 2009 at 8:08 am
mucissimas graciassss
April 8th, 2009 at 7:41 am
por fin!
justo lo que estaba buscando
mil gracias!!
April 23rd, 2009 at 1:30 am
Excelente!! muchas gracias es justo lo que necesitaba, muy simple y bien explicado :up: :up: :up:
May 10th, 2009 at 11:07 pm
Gracias commpañero, funciona a la perfeccion
Saluos
August 21st, 2009 at 2:30 pm
funciono de maravilla!
salu2!
August 26th, 2009 at 7:46 am
Muchisimas gracias esto me sirvio de mucho ya tengo un buscador en el blog completamente agradecida. :up: :up: :up: :up: :up: :up: :up: :up: :up:
September 27th, 2009 at 2:33 pm
muchas grasias me sirvio mucho
October 31st, 2009 at 5:04 pm
Genial. FUNCIONA!!!!!!!!!!!
mil gracias. ojalá todas las respuestas fueran así.
November 24th, 2009 at 4:37 pm
Excelente!! funciona muy bien, y es muy sobrio. mil gracias.
January 4th, 2010 at 1:53 pm
Gracias amigo por ese estupendo buscador interno.
Funciona de maravilla y es una muy buena herramienta para mis lectores.
Repito: Gracias!
Salud!!
February 9th, 2010 at 9:04 pm
No entiendo porque antes de publicar el blog funcionaba bien el buscador y despues que permiti el acceso a todo el mundo no hace el trabajo correcto
February 28th, 2010 at 8:21 pm
Hola, instalé el buscador pero no me encuentra nada. Será que no indexó aún? o cuánto tarda? Pero nada de nada :(.-
Y el que viene con blogger tampoco.
May 16th, 2010 at 8:25 pm
Genial!!!!!!
Tengo una pequeña consulta, por cuestiones de diseño de sitio, el boton de buscar me queda debajo, hay alguna manera de reducirle el tamaño a la caja de búsqueda? Muchas gracias!!!
May 17th, 2010 at 12:35 am
@Redencion: No tiene nada que ver con la indexación. De seguro las etiquetas de contenido deben estar mal ubicadas.
@MissC: Claro, puedes usar el atributo maxlength de HTML o el parámetro width para el elemento CSS.
Saludos.
July 2nd, 2010 at 2:27 pm
Hola muchas gracias ya lo instale en mi blog 😀
Saludos.
August 7th, 2010 at 11:54 am
gracias este anda perfecto me habia dejado de funcionar
August 22nd, 2010 at 12:43 pm
Lo que buscaba gracias
January 11th, 2011 at 4:24 pm
Muchas gracias por la informacion, precisamente estaba buscando este codigo y lo encontre.
Saludos 🙂
April 25th, 2011 at 6:39 am
gracias miles
June 18th, 2011 at 10:39 pm
Por fin… era exactamente lo que buscaba, muchas gracias por tu aporte.
Un saludo, Gracias.
September 2nd, 2011 at 11:54 am
Exelente… 😀 Saludos!!!
November 18th, 2011 at 8:23 am
Buenos dias KnxDT. Mi problema:
La caja de texto del buscador no admite texto.
…será una tontería? Gracias x tu ayuda
January 27th, 2012 at 8:56 pm
Gracias miles era lo que buscaba pues lo habia puesto desde la pagina diseño del blog en añadir un gadget y decia que la busqueda no arrojaba resultado ahora con este codigo va perfecto.