FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

Centrar el título de las entradas en Blogger

3 ago. 2012

Bueno aquí con un nuevo tutorial para personalizar tu blog. En esta ocasión les enseño como cambiar la alineación del título de las entradas. Por defecto Blogger lo muestra alineado hacia la izquierda pero centrarlo o alinearlo hacia la derecha es muy sencillo.
Recuerden que este tutorial está basado en las plantillas Sencillo y Filigrana, entonces si el código que te doy para que busques no aparece es porque estas usando otra plantilla y esta puede ser diferente.


1. Abres la pestaña "Plantilla" de tu blog y te vas a "Edición de HTML". Si te aparece un mensaje, pinchas en "Continuar".
2. Abres el buscador de tu explorador (CTRL+F) y buscas "h3.post-title, .comments h4 {" o "h3.post-title" o "h3.post-title, h4" (en la plantilla Fantástico)
3. Debajo de donde pone "margin", vas a escribir lo siguiente:

text-align: center;  SI QUIERES QUE EL TITULO SE VEA EN EL CENTRO O;

text-align: right;  SI QUIERES QUE EL TITULO SE VEA HACIA LA DERECHA


Guardas los cambios y ya está. 

Cómo ven es muy fácil, sólo es cuestión de manejar un poco el inglés. Lo único complicado es que hay que saber encontrar cual es la sentencia del código que habla del título de las entradas... eso ya es cuestión de probar, no hay un manual para cada plantilla de Blogger lamentablemente.

Si tienes alguna duda o algo no te quedó muy claro deja un comentario e intentaré ayudarte :) Y si te sirvió, también comenta. Recuerda que comentar es una forma de agradecer!

33 comentarios :

  1. Hola! Me quedó una duda, en donde se encuentra la palabra "margin". Yo tengo la plantilla Filigrana pero busco esa palabra y me aparece en la zona de header, no creo que deba poner el código ahí, no?

    ResponderEliminar
    Respuestas
    1. Es que ese margin lo tienes que buscar dentro del "h3.post-title, .comments h4 {" xD Si no te aparece margin, pues pegalo después de la última línea que te aparezca ahí :)

      Eliminar
  2. Graciasss miless Kat! me sacas de la desesperacion jaja :D

    ResponderEliminar
  3. Hola, la verdad MUCHÍSIMAS gracias Cat. Me RE sirvió el tutorial, me encantaría que te pasaras por mi nuevo blog (tu me inspiraste a hacerlo), claro que aun lo estoy personalizando. Pero sería genial :3

    ResponderEliminar
  4. Hola! A mi me ha ido bien, el problema es que me gustaría poner también la fecha centrada... Como puedo hacer esto?
    Me podrías contestar? :)
    Un saludo!

    ResponderEliminar
    Respuestas
    1. Holaaa! Mmm depende bastante de la plantilla! Si me decis cuál estas usando, te digo :D Un besito!!

      Eliminar
    2. Estoy utilizando la plantilla sencillo! :)

      Eliminar
    3. Bueno, tenés que abrir el código y en el buscador poner "h2", ahí ponés text-align: center; perooo, también se van a centrar los títulos de los gadgets, porque en esa plantilla está todo unido :/ Espero que igual y te sirva! Un beso.

      Eliminar
  5. Me ha servido de mucho!!!
    Un millón de gracias! :)

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

    ResponderEliminar
  7. hola!! yo estoy teniendo problemas para lograrlo... tengo la plantilla sencilla, pero no me aparece la palabra margin y al pegar text-align: center; no cambia al centro el título...que estoy haciendo mal?? ayudaaaaa por favor :(

    ResponderEliminar
  8. wow!! ya pude centrarlo!! mil gracias por la ayuda y este post!! tuve que poner text-align: center; despues de los 2 h3.post-title que me aparecen!

    ResponderEliminar
    Respuestas
    1. Si, es que en algunas plantillas aparece 2 veces y hay que ponerlo en las 2 partes, GENIAL que lo hayas podido lograr!! Saludos :D

      Eliminar
  9. Respuestas
    1. De nada, me alegro de que haya servido! :)

      Eliminar
  10. h3.post-title, h4 {
    margin:text-align: center;
    font: $(post.title.font);
    color: $(post.title.text.color);
    }

    ME QUEDO ASI EN OTRA PLANTILLA Y NO SE CENTRA TAMPOCO ASI QUE SEGUIRE INVESTIGANDO. besosss

    ResponderEliminar
  11. es que margin no esta, y si se lo pongo solo no cambia :(

    ResponderEliminar
  12. ahora en un blog de prueba me resulto, voy a ver si en mi blog principal me acepta , gracias por estar!

    ResponderEliminar
  13. gracias cata, logre poner el titulo de la entrada centrado, ahora voy con la fecha!!! coloco "h2" en el buscador, luego de esto pongo text-align: center; y no queda , alguna sugerencia??? gracias nuevamente saludos

    ResponderEliminar
    Respuestas
    1. Es que H2 no siempre corresponde a la fecha, depende de la plantilla...

      Eliminar
  14. hola cata me ha sido de mucha ayuda este post, y por lo de la fecha seguire investigando, tengo la plantilla sencillo en mi blog personal, pero hago pruebas en antes de pasar los cambios alli en un blog de prueba, si doy con la tecla te paso la solucion por aqui para colaborar tambien con el blog. GRACIAS Y PERDONAME LA JODA! Besos desde Montevideo ;)

    ResponderEliminar
  15. Me ha servido MONTÓN! Con el minituto de la fecha y Gadget Tambien, y el titulo, nunca lo habia podido lograr, pero ahora si c: gracias!!

    ResponderEliminar
  16. hola! he conseguido centrar el titulo, pero cuando busco h2 me salen muchisimos resultados y no consigo centrar la fecha... :S ayuda please! gracias!

    ResponderEliminar
  17. Hola, muchisimas gracias me funcionó a la perfeccion :D

    ResponderEliminar
  18. Hola !
    Tengo la plantilla Awesome Inc y desafortunadamente no me ha servido.
    Tenes algún indicio de porqué ?
    Muy lindo tu blog !
    Te paso el mío por si quieres echar un ojo...http://clasesdetenisquilmes.blogspot.com.ar/
    Saludos !

    ResponderEliminar
    Respuestas
    1. Bueno, he entrado en tu blog y he visto que ya lo has solucionado! Lo que pasa es que en esa plantilla los códigos son bastante diferentes que en las demás. Cualquier otra cosilla, me preguntas. Un saludo1

      Eliminar
  19. ESTOY PERDIDA, NO ENCUENTRO LA VARIABLE

    ResponderEliminar
    Respuestas
    1. Hola linda! ¿Qué variable no encontras? ¿Y qué plantilla usas? Así puedo ayudarte.. Besos!

      Eliminar