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!
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!
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?
ResponderEliminarEs 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í :)
EliminarGraciasss miless Kat! me sacas de la desesperacion jaja :D
ResponderEliminarHola, 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
ResponderEliminarno me resultoo noooooooooooo
ResponderEliminarHola! A mi me ha ido bien, el problema es que me gustaría poner también la fecha centrada... Como puedo hacer esto?
ResponderEliminarMe podrías contestar? :)
Un saludo!
Holaaa! Mmm depende bastante de la plantilla! Si me decis cuál estas usando, te digo :D Un besito!!
EliminarEstoy utilizando la plantilla sencillo! :)
EliminarBueno, 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.
EliminarMe ha servido de mucho!!!
ResponderEliminarUn millón de gracias! :)
Genial! De nada (:
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminary para centrar el titulo del blog?
ResponderEliminarhola!! 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 :(
ResponderEliminarwow!! 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!
ResponderEliminarSi, es que en algunas plantillas aparece 2 veces y hay que ponerlo en las 2 partes, GENIAL que lo hayas podido lograr!! Saludos :D
EliminarMuchas gracias :D
ResponderEliminarDe nada, me alegro de que haya servido! :)
Eliminarh3.post-title, h4 {
ResponderEliminarmargin: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
es que margin no esta, y si se lo pongo solo no cambia :(
ResponderEliminarahora en un blog de prueba me resulto, voy a ver si en mi blog principal me acepta , gracias por estar!
ResponderEliminargracias 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
ResponderEliminarEs que H2 no siempre corresponde a la fecha, depende de la plantilla...
Eliminarhola 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 ;)
ResponderEliminarMe 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!!
ResponderEliminarhola! he conseguido centrar el titulo, pero cuando busco h2 me salen muchisimos resultados y no consigo centrar la fecha... :S ayuda please! gracias!
ResponderEliminarHola, muchisimas gracias me funcionó a la perfeccion :D
ResponderEliminarGracias!!
ResponderEliminarHola !
ResponderEliminarTengo 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 !
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
EliminarExcelente! Funciona perfecto...
ResponderEliminarESTOY PERDIDA, NO ENCUENTRO LA VARIABLE
ResponderEliminarHola linda! ¿Qué variable no encontras? ¿Y qué plantilla usas? Así puedo ayudarte.. Besos!
Eliminar