Tutorial:Poniendo Cajitas en los titulos del post ♥



Hola a todas  ,hoy les traigo un tutorial muy pedido por la mayoria , como poner cajitas en los titulos del post  wii, bueno aqui les dejo como queda :


Para obtenerlo sige los siguientes pasitos :
Ir a Plantilla / Editar HTML / Presionar CTRL + F
h3.post-title {
y borran lo que les aparece abajo hasta }
Ejemplo:
borramos lo que seleccione con azuelito
remplazo por el siguiente codigo
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

margin-top: 20px;
background: url("URL DE LA IMAGEN")  left no-repeat; /*Imagen de la cajita*/
height: 54px; /*Altura de la cajita*
padding-top: 13px;
font-family: Imprima; /*Font de la letra*/
font-size: 20px; /*Tamaño de la letra*/
text-align:left;/*El texto en el lado left(Izquierdo),right(derecha),centrado,(center)*/
margin-top: -2px;
margin-left: -5px;
padding-left:8px;
font-weight: normal;
color: #f5e9e7;/*Color de la letra*/
text-shadow: 1px 1px 0px #f29f96;/*Color de la sombra del titulo*/
margin-bottom: -15px;

Aqui una imagen de como quedaria

Notita: Si alguien no tiene este codigo h3.post-title { 
Buscas con Ctrl + F  y pones ]]></b:skin> 
Y copias todo este codigo lo colocas antes de ]]></b:skin> 
h3.post-title {margin-top: 20px;
background: url("URL DE LA IMAGEN")  left no-repeat; /*Imagen de la cajita*/
height: 54px; /*Altura de la cajita*
padding-top: 13px;
font-family: Imprima; /*Font de la letra*/
font-size: 20px; /*Tamaño de la letra*/
text-align:left;/*El texto en el lado left(Izquierdo),right(derecha),centrado,(center)*/
margin-top: -2px;
margin-left: -5px;/*Se ira mas al lado izquierdo*/
padding-left:8px;/*,La letra se ira mas al lado derecho*/
font-weight: normal;
color: #f5e9e7;/*Color de la letra*/
text-shadow: 1px 1px 0px #f29f96;/*Color de la sombra del titulo*/
margin-bottom: -15px;}

Les deje al ladito que es cada cosita 
left:Si lo quieren la cajita al lado derecho ,el texto, y todo lo demas solo lo cambian por right .
5:Se ira mas al lado izquierdo si es left si aumentas mas el numero
8:Si aumentas la letra se ira mas al lado derecho dejando un espacio
Bueno si no tienen tiempito para hacer sus cajitas para los titulos de su post les traje algunas

Pones clic derecho en el modelo que mas te guste y pones copiar url de la imagen y remplazas este codigo Url de la cajita por la URL DE LA IMAGEN (clic derecho y pegar)

Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)

Notita: los siguientes tres modelos,tienes que cambiar del codigo lo siguiente
5:Se ira mas al lado izquierdo si es left si aumentas mas el numero,Recomendacion poniendolo a 37 o 38
8:Si aumentas la letra se ira mas al lado derecho dejando un espacio,Recomendacion poniendolo a 15 o 16


Clic aqui(Url)
Clic aqui(Url)
Clic aqui(Url)

No olviden de dar creditos 


26 comentarios :

  1. Muchas Gracias por el tuto esta hermoso♥

    ResponderEliminar
  2. oh my globs is very fantastic i love it !!
    waaa esta mega increible!!!
    muchas gracias
    ese tipo de efectos da ese toque encantador al blog
    GRACIAS
    saludos

    ResponderEliminar
  3. Que lindo Tuto*--* gracias por compartirlo!

    ResponderEliminar
  4. genial el tuto Luna muy kawaii!! le utilizare despues! (*w*)

    ResponderEliminar
  5. HOLA WOW ME ENCANTA TU BLOG PERO SOY MALISIMA NO ME SALEN LOS CODIGOS...

    ResponderEliminar
  6. felicidades por tus 300 seguidores :DDDD

    ResponderEliminar
  7. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  8. muchas gracias, el tutorial que estaba buscando! <3

    ResponderEliminar
  9. NO ME QUEDA CENTRADO EL TEXTO : ( PORQUE ME PUEDES AYUDAR ?

    ResponderEliminar
    Respuestas
    1. Lo quieres centrado el texto? esos modelos de cajitas son para que el texto de titulo que empiese desde el lado izquierdo o derecho ,pero si lo quieres centrado tienes que cambiar :
      text-align:left;
      a
      text-align:center;

      Eliminar
  10. Respuestas
    1. Si no encuentras ]]>< /b:skin > ,entonces vas a un gadget /JavacriptHTML / y colocas < style> Aqui el codigo que digo que pongas de antes de b:skin < /style> y le das guardar

      en < style> y < /style> borra el espacio que hay despues de < , no me deja poner codigos en los comentarios :3

      Eliminar
  11. Son muy lindas, pero tienes el botón derecho bloqueado y no puedo copiar la URL.

    ResponderEliminar
    Respuestas
    1. Si losiento,estoy actulizando las entradas :3 ahorita mismo edito esta n-n por que esta si es importante :3

      Eliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥