Buscador Personalizado #Gadget

Hola! :D hoy les traigo un tutorial espero que les guste! :D es para crear un buscador facil y rapido para tu blog :D


1.. Descarga el CODIGO (Download Code)

 

El archivo contiene gifs y png's de buscadores, si no los quieres aqui esta el codigo importante:

<center>

<img src="IMAGEN BUSCAR" />

<form action="/search" method="get"> <img src="LINK GIF1" /> <input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #ffaad5; font-size: 11px; border: 1px double #ffaad5;border-radius:5px;box-shadow: 0 0 0.4em #ffaad5 , 0 0 0.4em #ffaad5;" /> <img src="LINK GIF2" />

<br />

<br />

<input type="submit" value="BUSCAR AHORA" style="font-size: 12px; background-color:#ffffff; color: #ffaad5; border: 1px dashed #ffaad5;border-radius:5px;" /></form></center>

 

 

2.. Edita el codigo con links de tus imagenes y la palabra para buscar en el buscador:

3.. Asegurate de no borrar las  ( "..." ) comillas que hay en cada link que reemplazas y modifica los colores con ayuda de la siguiente pagina: COLORES HTML

4.. Copia el codigo y pegalo en un gadget en el diseño de tu plantilla:
 

Echo esto, ya tienes tu buscador solo basta guardar el blog:

 

Aca Abajo de tejo un video tutorial de este post: