Como agregar un buscador a tu blog de Blogger
Escrito por KnxDT el Sunday 25 de November del 2007 – 8:40 pm -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.
¿Te gustó este artículo? Entonces apoya a este blog con tu voto, solo te tomará unos segundos, clic en el enlace de abajo para saber cómo votar. Muchas Gracias.
Publicado en Blogger |

Ayuda
Wordpress
Buscando libertad
CiberPrensa
El Blog de
KnxDT
FreebsArg
Galaxia Blog
Ideas
Geek
iPhoniac
Soy
Plastic
Tecnodiva
Revista
Seduccion
Todos los Como
























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?