.

SearchField - Agrega opciones a tus busquedas

.Sm4C.


Antes que nada de seguro as visto, cuando buscas en la barra de Google hay veces te botan sugerencia como estas :


pues de esa misma manera pondremos sugerencias a nuestros buscadores internos, y todo esto es posible gracias a SearchField, es un código JScript que nos facilitara las busquedas hechas en nuestro blog al mismo estilo de Google (claro no nos vota cuantas visitas tienen XD)


* Comencemos, en primer lugar descargamos el archivo SearchField

* Dentro del .Zip nos vienen estos archivos:



* Luego debemos subir nuestro archivos searchfield.css y searchfield.js a nuetro server y si usas blogger lo puedes subir a Google Page Creador

* Una ves hecho esto el código para llamar al archivo .css y .js seria


<link href="http://url-de-tu-archivo/searchfield.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="http://url-de-tu-archivo/searchfield.js"></script>


* Y el codigo para que nuestro buscador nos muestre las opciones es este:


<form id="searchform" action="" method="post"> <p><input type="text" id="searchfield" name="searchfield" value="" />
<button type="submit">Go</button></p>
</form>


Recuerda que tienes que hospedar las imágenes para que puedan salir y eso lo cambias en el archivo searchfield.css hay haces las modificaciones con respecto a los colores y todo lo demas, para poder agregar las opciones al estilo Google abres el archivo searchfield.js y dentro encontraras un montón de palabras, bien las puedes reemplazar por las que tu desees o dando un ejemplo puedes colocar todos los titulos de tus post


Descargar | SearchField
Enlace | cssglobe

0 comentarios:

Publicar un comentario