[TUTORIALES]Buscador personalizado.

*Tutorial actualizadaa el 23 de enero del 2015*
Alguien me pregunto{realmente no me acuerdo del nombre}que chico me gustaba despues de mizuki de junjou romantica,yo le respondi que mizuki de kamisama kiss,Por alguna razon los chicos que se llaman Mizuki siempre me gustan~{Ademas es un nombre facil,miralo de la manera facil}Y por eso les presento el nuevo axpecto del blog,pues solo cambie los colores & puse de vuelta el cbox{ya que lo habia quitado}y puse un nuevo gadget que se llama"Pregunta & Network"Hay podras preguntarme a mi ASK y yo te respondere a tu correo o blog{recuerda dejarme tu correo o blog en el mensaje que envies}y tambien podras pasar a las redes sociales,con los botocitos que son cortesia del blog de bleiy~.Esta remo fue dedicada a Mizuki de kamisama kiss,ya que el es mi segundo chico favorito~{luego sigue Usagi de junjou romantica, el cuarto puesto es para Tomoe de kamisami,luego Bibi de hana to akuma y Shuu sakamaki y termino con Haru de free~}jejje que fabulosa mi lista es muy diria mas...pero ahhh es muy larga,Pues espero que les guste~mucho,mucho~!!!!Hoy les queria dejar alguna descarga,o recurso,...pero decidi subir esta tutorial,ya que habia hecho todo los codigos para la tuto de personalizar cuerpo de entradas,y se borraron,Haci que les muestro como hacer un buscador personalizado,Comenzemos:

*Me pregunto por que hago capturas muy feas~

1.Vamos a plantilla | buscamos ]]></b:skin>   | arriba pegamos el siguiente codigo:
@font-face { font-family: "wendy"; src: url('http://static.tumblr.com/lbwsmaa/Kwgmx6lpc/wendy.ttf'); }
.searchbar {
height: 21px;
width: 160px;
border-radius: 2px;
background-color: #f7f7f7;
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #E6E6E6;
text-align: center;
text-shadow: 1px 1px 0px #fff;
font-family: wendy;
color: #dcdcdc !important;
font-size: 9px;
margin-top: 7px;
margin-left: -5px;
}
.searchbut {
font-size: 8px;
box-shadow: inset 1px 1px 0px #fff;
width: 25x;
height: 25px;
padding: 4px;
border-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: #CCEAFF;
text-shadow: 1px 1px 1px #fff;
font-size: 10px;
border: 1px solid #CCEAFF;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0, #EDF7FF),
 color-stop(1, #CCEAFF)
);
background-image: -o-linear-gradient(bottom, #EDF7FF 0%, #CCEAFF 100%);
background-image: -moz-linear-gradient(bottom, #EDF7FF 0%, #CCEAFF 100%);
background-image: -webkit-linear-gradient(bottom, #EDF7FF 0%, #CCEAFF 100%);
background-image: -ms-linear-gradient(bottom, #EDF7FF 0%, #CCEAFF 100%);
background-image: linear-gradient(to bottom, #EDF7FF 0%, #CCEAFF 100%);
}
2.Vamos a Diseño | Añadir un gadget | HTML/javacrips | Pegas el siguiente codigo:
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="Busca aqui" />
<input class="searchbut" type="submit" value="GO" />
</form>
EDITA:
Color:Solo esta activo el color azul.
Anaranjado:Cambia el mensaje que quieres que este adentro de la cajita.
Morado:Edita el nombre que quieras en el boton de busqueda.

Pues eso seria todo,espero que les guste^^
Bueno se que no he pasado por sus blog,pero tratare de pasar por algunos.Gracias a todas por su apoyo*3*Los quiero^^Tambien les aviso que el proximo post sera de la descarga de pupa~!que la vi y no la he subido aun~!!
Recuerda dejar comentario
Les dejo besos cherryT.O.P
Att:Lee rae mi{dayi}
Mi otro blog | others.

24 comentarios:

  1. excelente tuto y muy lindo el diseño de tu blog (que lindo misuki)

    ResponderEliminar
    Respuestas
    1. me alera que te haya gustado todo~!
      saludos

      Eliminar
  2. si esta muy padre y me encanta el azul lo amo

    ResponderEliminar
  3. Buen tutorial! y precioso nuevo diseño del blog! tienes buen gusto ^^

    ResponderEliminar
    Respuestas
    1. jeje me alegra que te guste^^jejejje saludos~

      Eliminar
  4. Te quedó genial el nuevo diseño Dayi! Yo me estoy viendo Kamisama Hajimemashita casualmente =D Y estuvo genial el tuto n.n
    Saludos~

    ResponderEliminar
  5. Hola Dayi!
    Bueno hacía mucho tiempo que no comentaba en tu blog,pero quería decirte que te ha quedado precioso el nuevo diseño!
    Muchas gracias por tus tutoriales por cierto,en la remo que estoy preparando estoy usando muchos tutos tuyos ^^ con los respectivos créditos claro!
    Gracias,saludos!
    Kawaii Style~

    ResponderEliminar
    Respuestas
    1. waa me alegra que este usado algunas de mis tutoriales~!!!jeje gracias~
      saludos~

      Eliminar
  6. Hola!
    Está muy lindo el diseño :D Es como fresco (?
    Últimamente no miro animes, pero me gustaba también antes Usagi de JJ Romantica, y Okazaki Tomoya de Clannad :D
    Linda entrada :D
    Besos♥

    ResponderEliminar
  7. bonito diseño ^^ y el tuto muy bueno tambien !

    Saludos.

    ResponderEliminar
  8. Genial el tutorial, al igual que el diseño!! Siempre te superas :D Saludos enormes ^^!!

    ResponderEliminar
  9. Woooow me encanta el nuevo diseño,de verdad que está muy muy lindo.
    Dayi,creo que utilizaré el buscador para el nuevo diseño de mi blog. :3
    Adiós,un abrazo grande.

    ResponderEliminar
  10. está super lindo el nuevo diseño y el tuto me encantó :3 Pásate por mi blogui , bye

    ResponderEliminar
  11. muy buen tuto.
    me encanta el nuevo diseño ^^

    ResponderEliminar
  12. ¡Me encaaaanta el diseño de tu blog! *o*
    No creo que lo use pero aún así me gustó el tutorial, Jajaja.
    Saludos linda~

    ResponderEliminar
  13. *U* Que lindo, lo intentaré poner en mi blog, muchas gracias por el tutorial, un abrazo~ >u<

    ResponderEliminar
  14. Me gusta la nueva imagen del blog, este chico siempre me pareció mono XD tal vez yo también debería ir haciendo mi lista de chicos que me gustan del anime XD lo único malo es que no conozco a los chicos que mencionas a excepción de los de kamisama kiss y free jejeje...
    Saludos.

    ResponderEliminar
  15. Como siempre te quedó muy bonito! Y no conozco ese anime, aunque pinta divertido.
    Besos***

    ResponderEliminar
  16. muy lindo :3 te quedó muy bien el diseño ^-^

    ResponderEliminar
  17. Esta muy lindo :3 , definitivamente lo voy a utilizar claro con sus respectivos creditos n.n

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com