Añade un buscador personalizado a tu blog

 

¿Cómo están?

Esta vez les mostraré un ''Buscador personalizado'' algo que muchos han estado utilizando en sus blogs y que talves muchos sepan.

Se trata de esto;

 

Como ves puedes personalizarlo tanto como gustes, añadirle GIFs y cambiar los colores.

♥                 ♥              ♥

Pasos;

Diseño >> Añadir HTML/Javascript  >> Copiar y pegar el codigo:

<center>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMTJLXmcbR4wMRIs7eN1rN081pewg_FZEXQfr2jNHMiYgqDuQJWSSFoXbrmKTpzsmelFqg0OughKVkk6EVkgbMQ9088snsd_pccnLAxXil-plZ3hVVDnfCa1poMbFa5Vbio60jI4YOJpo/s1600/serch.png" />

<form action="/search" method="get"> <img src="http://sl.glitter-graphics.net/pub/1825/1825664m44ia9h5vr.gif"/> <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="http://sl.glitter-graphics.net/pub/1825/1825664m44ia9h5vr.gif" />

<br />

<br />

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

Indicaciones;

Morado: Url de la imagen que usaras ya sea la que diga busqueda. Rosa: Color de sombra de la barra. Azul; Color borde del cuadro buscar Celeste; color fondo del boton buscar. Naranja: URL de los gifs.

Guardas y listo.

♥♥♥

Aquí algunas imagenes para usarlas en el tuto ;

http://i65.tinypic.com/b3jrti.png

http://i65.tinypic.com/1zoupvc.jpg

http://i68.tinypic.com/10xd0r7.png

Si quieres más puedes visitar ''Recursos'' en el menú del blog.