sábado, 14 de julio de 2012

Buscador Personalizado [Kawaii]

Para tener un buscador asi como el que yo tengo sigue los siguientes pasitos:


ve a diseño >> Elementos de Pagina >> Añadir un gadget html
copia este codigo y pegalo en el gadget
<center>
<img src="http://1.bp.blogspot.com/-r41ps4E7oqs/T3UWU4jijzI/AAAAAAAADoA/XHbGQnpDHk0/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="Presiona para buscar❤" style="font-size: 12px; background-color:#ffffff; color: #ffaad5; border: 1px dashed #ffaad5;border-radius:5px;" /></form></center>
Da clic guardar y listo: Puedes editarle los colores si no lo quieres rosita xD

Rosa:
la url de la imagen que quieres que diga : BUSCAR EN MI BLOG" se lo pueden hacer en photoshop con su estilo.
Morado: url de los gifs que van a los lados del cuadro de busqueda.
Azul: color del fondo del recuadro.
Verde: color del borde del recuadro de busqueda.
Naranja: Color de la sombra del recuadro.

no cOpy :)

gif del dia xD



40 comentarios:

  1. pues como quisiera poder poner un buscador... pero la vdd me da hueva... xD por ahora
    te sigo nwn. nos vemos!

    ResponderEliminar
    Respuestas
    1. jaja sos un chico y estas en el blog de kawaii xd

      Eliminar
    2. yo tambien y me gustan las chicas pero me encanta este blog :3 *-*

      Eliminar
  2. Muchas gracias habia pensado en hacer esto pero No sabia como Graciiassss besotes y que tengas un feliz diiaa!!

    ResponderEliminar
  3. disculpa annyz pero
    no se puede modificar
    las letras buscar en mi blog?¿?
    para que no se vean parecidos ?¿?¿¿¿¿¿¿ digo
    solamente cheque que el de las alitas se puede modificar
    gracias

    ResponderEliminar
  4. ah perdon ya vi que si disculpa :P jejejeje
    gomene
    luego lo cambio para que se vea diferente vale
    perdon gomenasai :P jijijij

    ResponderEliminar
  5. Que bonito, lo puedo poner en mi blog?
    PD= tu blog es cada día más kawaii!

    ResponderEliminar
  6. Como puedo ponerlo de color verde o azul?
    Besitos de miel^^
    Alicia

    ResponderEliminar
    Respuestas
    1. ya he puesto la explicacion en el tutorial espero te ayude ^6 besos

      Eliminar
  7. jojoj, si que es lindo *_* Ah agregarlo a el blog ♥

    ResponderEliminar
  8. ^-^ Muchas gracias!!! esta muy lindo, siempre me sorprendes con las cositas tan kawaii que publicas sigue asi n-n

    ResponderEliminar
  9. Hola annyz!! te queria preguntas¿ podrias explicarm en donde se pueden cambiar los colores y la imagen de busca en mi blog? Gracias!!

    ResponderEliminar
    Respuestas
    1. oki ya he puesto arriba en el tutorial para cambiarle los colores

      Eliminar
  10. O:! esta muy kawaii! me encanta! pero se le puede cambiar el tipo de letra D:? y si es asi como? porfa te agradecería muchoo! :3

    ResponderEliminar
    Respuestas
    1. el tipo de letra?? del recuadro de busqueda?? ese no se cambia o te refieres el de arriba que dice "Buscar en mi blog"? esa es una imagen y se la puedes cambiar haciendola en photoshop, asi le añades una con tu estilo ^^

      Eliminar
    2. ahh gracias por tu ayuda annyz n.n!

      Eliminar
  11. Lo he colocado y me ha quedado perfecto, gracias por el gadget n_n

    ResponderEliminar
  12. Tengo una pregunta, como se cambia el color? :3

    ResponderEliminar
    Respuestas
    1. oki ya he puesto arriba en el tutorial para cambiarle los colores

      Eliminar
  13. heey hola!! x fa respondeme como se le cambia el color?!

    ResponderEliminar
    Respuestas
    1. oki ya he puesto arriba en el tutorial para cambiarle los colores

      Eliminar
  14. hola cómo estás?
    quería preguntarte qué canción es la que se escucha al entrar en tu blog, es maravillosa y me gustaria descargarla (: gracias!

    ResponderEliminar
  15. Lindisimo gift annyz...pero porfavor me explicas..como lo pongo porq ve a diseño >> Elementos de Pagina >> Añadir un gadget html
    No entiendo mucho la verdad esq no tengo ni idea cuando puedas te pasas por mi blog y me lo explicas mejor ¿vale? aqui la direccion:


    http://peroquemedicesblogdediana.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. es muy sencillo solo sigue esta imagen guia

      http://2.bp.blogspot.com/-SqVzRxPDn7k/UAhoVjrpGUI/AAAAAAAAFr8/HvEfpSzIMUE/s1600/aafd.png

      donde esta encerrado edicion de html.. tu elige la que esta al ladito dice..ELEMENTOS DE PAGINA da clic ahi y busca donde dice añadir gadget ahi se te abrira una ventanita solo buscas una que dice JAVASCRIPT/HTML

      Eliminar
  16. Gracias annyz por explicar!! fuiste mucho para mi! Gracias,pero estoy feliz,porque por primera vez descrubrí como se cambiaban los colores y la imagen sola! porque dije,bueno,annyz no lo puso,seguro que lo pone luego,pero me voy a poner las pilas y voy a ver como lo cambio,y lo cambie! Gracias!!!! y aunque mi blog no tiene mucha fama y NO SÉ como haces que tenga fama le voy a poner espero dia a dia como vos :3

    ResponderEliminar
    Respuestas
    1. aww me da gusto pame veras poco a pco iras conociendo mejor los codigos es cuestion de tiempo ^^

      haha y sobre la fama no creo que sea tan famoso xD pero estoy contenta con todas las personitas que me hacen una visita n.n al principio fue dificil pues nadie entraba a mi blog y tampoco me comentaban pero ya con el tiempo.. miraa.. si te esfuerzas veras que se hara grande tu blog.. besos

      Eliminar
  17. Si lo quiero azul como le ago?? eres mi idola tu blog esta super kawaii

    ResponderEliminar
    Respuestas
    1. sip arriba explico como cambiar los colores..

      mira el codigo de arriba y con esto te guias

      Rosa: la url de la imagen que quieres que diga : BUSCAR EN MI BLOG" se lo pueden hacer en photoshop con su estilo.
      Morado: url de los gifs que van a los lados del cuadro de busqueda.
      Azul: color del fondo del recuadro.
      Verde: color del borde del recuadro de busqueda.
      Naranja: Color de la sombra del recuadro.

      saludos

      Eliminar
  18. Waaa!! *u* el buscador que queria!!! ♥3♥ graxias Annyz por compartir este buscador tan bonito!! hora mismo lo voy a colocar en mi blog!! Muxas graxias Annyz!! n.n

    ResponderEliminar
  19. *O* tu blog es tan genial *O* muchas gracias por compartir tantas cositas kawaii >w< yo soy malisima para arreglar mi blog xD demo...con tu ayuda creo que voy aprendiendo poco a poco xD arigatou~ <3

    ResponderEliminar
  20. Hola Annyz,bueno,en mi pagina las chicas me estan Pidiendo este tutorial,emm..podria tomár este tuto.? te dare creditos y te pido permiso haci no se hace alboroto,Espero tu rpeta.NYE NYE!~

    ResponderEliminar
    Respuestas
    1. sorry nena pero no.. ya no dejo que tomen mis tutoriales.

      Eliminar
  21. hola annyz primera vez que comento xD veo mucho tu blog..puedo usar tu imagen de buscar en mi blog puedo ????? TT.TT es que no tengo phosotos (o como se llame xD)D: ??

    ResponderEliminar
  22. Hola Annyz me encanta tu blog,me puedes enseñar como diseñas todos esos gadgets... Y si quieres puedes seguir mi blog www.consejosparaelbienestar.blogspot.com

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.