Mi buscador interno

Cuando tenemos interés por algo o ese algo nos sale mal nos angustiamos, no damos tiempo a pensar que pueden haber mil soluciones, sólo hay que buscarlas o mejor dicho aprender a buscarlas.

Debemos saber que los buscadores que vemos en cualquier sito web están para realizar una función, dicha función es localizar artículos escritos que contengan la palabra que ingresamos en el buscador. No es nada complicado, si queremos buscar por ejemplo algo relacionado con los títulos de la sidebar la palabra idónea para buscar sería "sidebar" seguramente nos dará varios resultados es ahí donde debemos tener paciencia y buscar aquella relacionada con nuestra búsqueda.

A veces lo que buscamos no está porque un blog no es una enciclopedia, otras es necesario dedicar unos minutos más de la cuenta porque la palabra que escribimos en el buscador no coincide con la misma que el autor a dado a ese tema que buscamos, un ejemplo sería buscar "columna" cuando en realidad nos referimos a "sidebar" o "cabecera" cuando lo que buscamos se refiere al header.

La idea de esta entrada no era "enseñar" a nadie como utilizar un buscador sino explicar la forma de añadir un buscador idéntico al que hay en mi sidebar, ocurre que guarda cierta relación una cosa con otra y me fui por las ramas.

Añadimos la imagen y estilos para el texto en plantilla Edición de HTML, justo antes de ]]></b:skin>

#buscador {

background:transparent url(url de la imagen) no-repeat scroll 0 0;border:medium none;

color:#CCCCCC;

font-family:Georgia,serif;

font-size:17px;

font-style:italic;

padding:5px;

width:210px;

}

La imagen es la siguiente, podemos guardarla en nuestro PC para luego subirla a nuestro sitio de alojamiento, una vez conseguida la url la pegamos sustituyendo en los estilos donde dice "url de la imagen" por la url de nuestra imagen.

Guardamos los cambios y en plantilla de diseño editamos un nuevo gadget de HTML donde incluiremos:

<form action="http://search.blogger.com/" target="_blank"

name="b-search"><input class="buscador" value="gemablog-.blogspot.com/" name="bl_url" type="hidden"/>

<input id="buscador" onfocus="if (this.value == &quot;Buscar...&quot;) this.value = &quot;&quot;;" value="Buscar..." name="as_q" onblur="if (this.value == &quot;&quot;) this.value = &quot;Buscar...&quot;;" type="text"/>

</form>

» Donde gemablog-.blogspot.com/ lo sustituimos por la url de nuestro blog (sin http://)
» Buscar... es el texto que podemos sustituir por otro.

Con esta entrada espero responder a varias peticiones sobre el buscador.