6/4/13

[Tutorial]Como poner un buscador kawaii

Holaa hola bueno ya estoy haciendo el sorteo de la actividad de este mes n-n como habéis acertado todas pues he tenido que hacerlo a sorteo pero mas adelante cuando tenga el vídeo hecho ya lo descubriréis quien es la ganadora del blog del mes en este blog estoy pensando en poner una sección de noticias en el blog pero no sebueno hoy os traigo un tuto super super lindo es de como poner un buscador bien cute en tu blog abajo pondre los creditos del codigo por que yo le quite muchas cosas a ese código 
la imagen es de mala calidad sorry pero lo podeis ver encima de mi cabecera
  • Diseño
  • Añadir nuevo gadget jabascrip/HTLM
Y pegar dentro de la cajita este código
<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" /><input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>


si quieres que la cajita del click o del nombre que le pongáis este al lado del buscador dejarlo asi si no 
pegáis el código siguiente y os saldrá debajo del buscador
<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" />
<br />
<input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>



EDIT para los dos codigos igual
Verde:es el tipo de borde de la cajita y del buscador (soild-dotted...)
Borgoña:Es el color de la cajita y el buscador todo igual si lo queréis completamente igual del color y si no lo cambiáis
Violeta es el nombre del click lo podéis cambiar o dejarlo así
creditos {x}

23 comentarios:

  1. Awww kawaii desu!. Muchas gracias lo utilicé para mi blog ^^. No te preocupes Kumy, te dí créditos :D

    ResponderEliminar
  2. Kawaiii esta muy bueno!!!

    Muchos Saludos y Cuidate!

    ResponderEliminar
  3. Holaa!!
    soy nueva en tu blog, y me ha gustado mucho,
    he llegado a tu blog gracias a uno de mi seguidores,
    y me he pasado por aquí y me ha gustado.
    Espero que no te importe, pero te voy a seguir si?
    Así que te voy a tener entre mis seguidores.
    pasa por mi blog si te apetece=)
    Saluditos!!

    By: eri-san. Mangas en pdf.

    ResponderEliminar
    Respuestas
    1. si claro que si pero no me deja entrar en tuu blog por que tiene contenidos para adultos XD

      Eliminar
  4. hola!! que tal?? respecto a lo que pusistes en mi blog no sabia que lo tenias en tu blog es mas no lo saque de nadie sino no me hubiese importado dar creditos no cree?? si los di por el segundo pq no por el primero jejeje yo también tengo conocimientos htmls me enseño mi tio de peque no soy una experta pero se ... no creo que nadie me insulte de todos modos en el scrollbar de mi blog hay una cajita donde da los creditos a todos los blogs o paginas webs donde he sacado aunque sea una vez algo .... :) bueno besitos y te aseguro que no lo he sacado del tuyo si no te daria tus creditos pues no probe tutos para que funcionase y alfinal me las tuve que ingienar yo pero bueno gracias por tu advertencia

    ResponderEliminar
    Respuestas
    1. a okei okei sorry por las molestias a mi no me importa solo que como hay gente para todo pues ya sabes XD

      Eliminar
  5. jeje okei muchas gracias jjeej y que diseño tan genial

    ResponderEliminar
  6. Gracias Por El Tuto! Me Sirvio Mucho De Verdad Gracias, me encanta trabajar con HTML/javascript

    ResponderEliminar
  7. gracias por el tuto estuvo super facil >u< y el buscador es muy bonito <3

    ResponderEliminar
  8. Hola!Muchas gracias por el tuto!Me encantan tus tutos m suscribo!Te doy creditsBye!

    ResponderEliminar
  9. Gracias! Me quedo muy cute! ^^

    ResponderEliminar
  10. Hola lo usare para mi blog me encanto recien aprendiendo nose como darte los creditos pero aca te aviso que lo usare

    ResponderEliminar
  11. Gracias de corazón!! De verdad quería poner un buscador en mi blog y la verdad el tuyo es súuuper kawaii *-*
    PD: Te di crédito!! <3

    ResponderEliminar
  12. Me encantoh! Muchas gracias hermosa :'3
    x3

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com