[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.