15 de enero de 2017

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)
http://adf.ly/1i9ITH 
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:

11 comentarios:

  1. Respuestas
    1. son los Gis que están a cada lado de la barra de búsqueda.

      Borrar
  2. Hola muchas gracias!! tienes contenido muy bueno, me sorprende que no tengas tantos seguidores, espero sigas actualizando tu pagina y redes

    ResponderBorrar
  3. weon ya que tengo las imágenes q dejaste q hago si quiero poner una?????'

    ResponderBorrar
  4. Disculpa :'c a mi me salió pero lo único que no cargaba en mi pagina era la imágenes que hago?

    ResponderBorrar
  5. Respuestas
    1. Hola disculpa como pusiste tu buscador esque ami no me aparecen las imágenes

      Borrar
  6. Patt, ya puse el URL de los gifs y de la imagen (lo hice en photobucket) y cuando ya lo tengo listo lo pongo en blogger y donde dice "BUSCA AQUI" (que es la imagen que elegi) me sale algo como negro encima de eso, asi como un rectangulo negro con opacidad, no se si me entiendes, me puedes ayudar xfavor? :c

    ResponderBorrar