[TUTORIALES]Personaliza titulo de Entrada~!

Hola~!Mis pollitos preciosos con sabor a chocolate~!!!Pufff,ppuff Yo estoy de fiesta ya empeze mis super vacaciones{segun yo si lo son(>人<)Aunque debo decir que este modulo de grado 11 fue horrible(；¬д¬)y  eso que yo se ingles,jejje pero bueno espero sacar buena calificacion.Pues hoy es el ultimo dia para apuntarse al sorteo,si quieres particpar "Click aqui"recuerda que el 13 dire los ganadores{al menos que lo publique el 14 ( •̀ω•́ )σ}.Bueno hoy vengo con un post que queria hacer hace siglos,y como tengo la oportunidad les quiero mostrar como personalizar titulo de entrada,pues vamos a empezar:

PERSONALIZA TITULO DE ENTRADA~!

Primero debes saber que vamos a trabajar con codigos HTML,no te preocupes que yo te dire como acomodarlos,para que sea mas facil para ti.Vamos a Plantilla | Ediccion HTML | crtl+f y buscamos:

h3.post-title {

Ya tenemos la ubicacion de nuestro titulo,Pero si queremos editarlo?Justo abajo h3.post-title { Vamos a poner los siguientes codigos:

margin-top: -5px;
background: #fff;

Margin-top:Esto es la "altura"entre el titulo con la entrada,si reduces el numero sube,y si lo aumentas baja.

Background:Todos sabemos que esto significa el fondo,Puedes intercambiarlo con una imagen,tan simple cambiando #fff; por:

background: url(URL DE IMAGEN)repeat;

Ya nuestro fondo y color de letra,vamos a ponerle bordes y si es que pusistes una imagen,o igual funciona con colores solidos,para ponerle bordes este es el codigo:

border: 1px solid #000;

Este seria para todo el titulo,pero si quieres que este en solo una parte,como arriba o solo abajo,tienes que usar este codigo:

border-bottom: 1px solid #000;

Lo que tienes que cambiar el la palabra Bottom{abajo}por Top{arriba}Left{izquierda}Right{derecha}y le cambiar el color.Recuerda que a donde dice "Solid"puedes cambiarlo por el tipo de borde como double,solid, etc.Se supone que el codigo te quede asi:

h3.post-title {margin-top: -5px;background: #fff;border: 1px solid #000;
}

 Nota:Despues que termines de formar un codigo hay que cerrarlo con }.
Si te esta quedado asi,esta muy bien...Ahora vamos a editar el color tamaño & font de tu letra del titulo,Justo abajo de } vamos a pegar el siguiente codigo,

h3.post-title a {

 Y justo abajo de h3.post-title a { pega los siguientes codigos:

font-family: Verdana;
font-size: 16px;
color: #fff;

Font-Family:Es el estilo de letra de tu titulo,pon el nombre del estilo que quieras.

Font-Size:Es el tamano de la letra de tu titulo.

Color:Aqui podras cambiar el color de letra.

Si quieres que tu texto tenga una sombra,como un detalle,abajo del codigo anterior pega esto:

text-shadow: 0px 1px 1px #eee;

 Si quieres que tu titulo tenga transmiciones con su efecto,pega los siguientes codigos abajo del anterior.

-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.1s ease-in;
transition: color 0.4s ease-in;

Al final cierralo al final con },y luego guarda.Y listo ya terminaste de editar tu titulo de post,Recurda que tu puedes hacer lo efectos que quieras,y editarlo a tu manera.Ya viene tutoriales que te ofrecen un titulo ya hecho,pero si quieres crear el tuyo con estos codigos se comienzan.

Espero que esto sea de mucha ayuda,los codigos los saque de mi plantilla.

Pronto les mostrare como poner la fecha y la etiquetas,escrito por como el mio^^

y como editar cuerpo de las entradas & de gadgets,al igual que el titulo de ellos!~!

Si tienes alguna duda dime en los cometarios o por mi correo~!

Recuerda dejar tu comentario

Les dejo besos de cherryT.O.P

Att:Lee rae mi{dayi}