[Tutorial] Editar el título de los posts

29 de agosto de 2013 | | |
¡Hola seguidores! Hoy os traigo un tutorial, el  primero que vamos a ofrecer en el blog. Bueno, este tutorial no estaba planificado, pero una seguidora, nos lo pidió via comentario en la entrada de la inauguracion del blog.

Bueno, si aún no me he presentado, soy Sayo de Our cool World, empezamos!
------------------------------
Primero, ves a la ventana PlantillaEditar HTML
Segundo, abre el buscador, (clica con el cursor dentro del recuadro y seguidamente pulsa ctrl+f) y busca la etiqueta ]]></b:skin>.
Encima de la etiqueta, coloca este código:

h3.post-title {
border-radius:  15px;
border: 1px dashed #fff;
text-align: center; 
background: #fff;
}

------------
entendiendo el código
 ------------ 
Color rojo: radio de píxeles de tu borde.
Color naranja: Grosor de tu borde.
Color amarillo: Color en html de tu borde (colores en html aqui)
Color verde: Color en html de fondo de tu titulo (colores en html aqui
Color morado: alineación de tu texto (center, left, right)
Color turquesa: Estilo de tu borde.

 

Si deseas colocar una imagen de fondo en el titulo en vez de un color es tan simple como sustituir: background: #fff; por  background:url(URL DE TU IMAGEN);

En caso de alguna duda, publicad un comentario en esta entrada, adiós!

6 comentarios:

  1. ¡¡¡Gracias Sayo!!! Me has ayudado un montón. (Soy Irene Fernández, me cambié el nickname xD Besos)

    ResponderEliminar
    Respuestas
    1. Una cosa; no me sale el fondo en mi blog, ahora estoy intentando con el color y nada. ¿Qué hago? Mi blog (con el que lo estoy haciendo) es este: http://doyourlifebecolouringandmagic.blogspot.com.es/
      Help, please.

      Eliminar
    2. Hola Irene, recuerda que todas las frases en html deben acabar en (;). Revisa que todas las frases del código acaben con ; seguidamente, procura que el inicio del codigo se ubique debajo de la ultima frase que habia arriba de ]]>. ¿Más dudas?¡Comenta! abrazos psicologicos*

      Eliminar
    3. Lo de las frases lo acabo de arreglar, pero lo otro no sé, no entiendo. ¿Podrías indicarme dónde está el ]]>? Yo lo he puesto encima de lo de b:skin ^^Besos y, ¡Muchas gracias! Y ya he puesto lo de inhabilitar el botón izquierdo xD.

      Eliminar
  2. Wow, sos un genio Sayo!! Muy util el tutorial! :D si no les molesta, me gustaría saber como proteger mi blog del copyright, he visto que en muchos blogs cuando intentas seleccionar algo aparece un cartel, y me parece super util, pero no se como hacerlo!! Muchas gracias!! :D

    ResponderEliminar
  3. Gracias por el tutorial llebava tiempo buscandolo pero no lo encontré ;) Gracias

    ResponderEliminar