Hacker of the Web
Tus ideas en código!...y mas

Buscador de texto Interno

Hace tiempo publiqué como añadir un buscador interno, que busca en todas las entradas del blog. Pero gracias a varios comentarios pidiendo un buscador que solo busque texto en una misma página, aquí esta la forma en la cual podrán añadir un buscador de texto.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.



Solamente necesitas alojar el código script buscar.js que viene aqui en este Zip donde prefieras.

O simplemente puedes usar la siguiente URL, del mismo archivo. Pero te limitarás a usarlo hasta que el autor lo borre:
http://ihgvgw.blu.livefilestore.com/y1p4n9tmyIDlySQ1r_GQbyPOIB1i7707uwU4r8k0cbCuNL9OrDIQJGao6EY3qQ9BvCVLkF5tBL_HSlgj9qzhbtAPw/buscar.js


[1]Despues te diriges a Edición HTML, y sin expandir plantillas de artilugios y ahí agregas después de <head> y antes de </head> el siguiente código
:
<script src='URL-buscar.js' language='JavaScript' type='text/javascript'></script>


[2]Una vez instalado, necesitas implementarlo. Y donde quieras ubicar el buscador de texto, ya sea un gadget o en la plantilla, deberás colocar el siguiente código:
<div id="buscar">
<input type="text" id="searchInput" value="Buscar"><button id="performSearch">Buscar palabras</button>
</div>


/!\ En esta entrada se asume que tienes conocimientos de como agregar un gadget. Si no sabes como agregar un gadget, revisa esta entrada: como insertar o crear/eliminar o mover un gadget.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

6 comentarios !

Anónimo dijo...

No pude habrir el archivo zip, me lo podrian mandar a fernandoe@conainmex.com.mx gracias, y especificamente donde lo debo de guardar para que funcione el buscador

Unknown dijo...

Aqui esta lista la ubicacion del archivo, n internet. solo aplicala ;) :
http://ihgvgw.blu.livefilestore.com/y1prI65DLkm8jruWH0hOzSxvulbZwXHem_oifRZTKswzs0b7six82IcDg_RuqP01FktN4Wcrn3a_7YNqxi-kIDGYe5qgOFwkY4P/buscar.js

Raul dijo...

Yo normalmente, subía mis archivos .js en SkyDrive, pero como cambia las URL, ahora he hecho como JMiur de Vagabundia y he puesto el .js en la plantilla de Blogger, ¿Cómo añado este .js a la plantilla? He intentado a poner <srcipt type="text/javascript"> encima y </script> al final del .js y lo he copiado y lo he pegado debajo de ]]></b:skin> pero me da este error:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference.

Unknown dijo...

Alex y Raúl, si la verdad skydrive ha estado cambiando sus URL, yo tampoco lo utilizo desde entonces.

El error del que hablas es debido a que Blogger no permite el uso del & ( amperson ), por lo que tendrías que cambiar cada & por un &amp;.

O mas sencillo podrías agregar el script de la siguiente manera, justo antes de la etiqueta </head>:
<script type='text/javascript'>
//<![CDATA[

//Aqui estaría el contenido del script

//]]>
</script>

Suerte!!. Espero que te halla servido de algo xD

Raul dijo...

Ya he puesto el script como me has dicho y he puesto el segundo código que dices en la entrada, pero no me funciona ¿tengo que poner también el primer código? es que como el primer código tiene una parte en la que hay que poner la URL donde está el archivo .js y yo lo he añadido a la plantilla

Unknown dijo...

Alex y Raúl, no solamente tienes que agregar un solo código javascript, ese es el que tienes que descargar. Después como no resultaron las primeras opciones, trata colocando el código dentro de un gadget como lo explica JMiur. El buscador solo funciona en Firefox y en IE6+

Suerte!! xD


Página Principal
Arriba