16.3.14

Justificar textos en entradas y comentarios Blogger


Justificar los textos de las entradas

Los textos de las entradas los podemos justificar de tres maneras:
  1. Manualmente
  2. En plantilla de entradas
  3. En Edición de HTML

Justificación manual

Creamos la entrada en el editor HTML poniendo el texto de la misma entre las siguientes etiquetas:

<div style="text-align: justify;">
Aquí el texto de la entrada
</div>

Justificación en plantilla de entradas

Vamos a:

Diseño Configuración Entradas y comentarios Plantilla de las entradas Añadir

Hacemos click en Añadir y, en la caja de texto que se despliega, pegamos las siguientes etiquetas:

<div style="text-align: justify;">
</div>

Cada vez que vayamos a crear una entrada, en el editor HTML aparecerán estas etiquetas entre las cuales ponemos el texto de la misma.


Justificación en Edición de HTML

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos un código con el siguiente formato poniendo, dentro del rectángulo de búsqueda (Search), la primera línea del mismo:

.post-body {
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
text-align: justify;
}

...y agregamos, al final, la línea resaltada.

Todas las entradas se justificarán automáticamente.


Justificación de los textos de los comentarios

En las plantillas antiguas los textos de los comentarios no se justifican por defecto; podemos lograrlo así:

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos un código con el siguiente formato poniendo, dentro del rectángulo de búsqueda (Search), la primera línea del mismo:

.comment-body {
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
yyyyyyyyyy: xxxxx;
text-align: justify;

}

...y agregamos, al final, la línea resaltada.


10 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Anónimo #

Me gusto mucho. ¿Pero que es Justificar?

Comentario escrito por Unknown : #

Anónimo, justificar es hacer que todas las líneas de un texto o escrito queden exactamente igual de largas.
saludos.

Comentario escrito por : #

En los comentarios de mi blog, se ve el texto justificado y a veces con mucha separación entre cada palabra. No sé cómo quitar eso, porque no tengo puesto nada para hacer que se fustificara.
Te agradecería que me ayudaras a solucionarlo para que se vea sin justificar y sin esa horrible separación entre las palabras.
Saludos.

Comentario escrito por Unknown : #

Marga,
Disculpa la demora en contestarte.
La "horrible" separación entre las palabras son consecuencia de la justificación, ya que el espacio que quedaría al final de cada lïnea, sin justificar, se reparte entre las palabras para que el espacio no quede al final, justificando.
Prueba con lo siguiente:
Localiza el código anotado en la parte "Justificación de los textos de los comentarios" del tutorial agregando la línea indicada, pero cambias el término justify por left.
Saludos

Comentario escrito por : #

No me funciona agregándolo a:
.comment-body {
text-align: left.;
}
pero se me ocurrió añadir antes de ]]> esto:
.comments .comments-content .comment-content {
text-align:left;
}
con lo que dices, y funciona.
¡Muchísimas gracias por tu ayuda!
Saludos.

Comentario escrito por Unknown : #

Marga, es que después de left no va punto.
Pero tu solución es genial. Te felicito.
Saludos.

Comentario escrito por : #

El punto se me coló al escribirte el comentario, pero volví a probar por si acaso lo pusiera con el punto, y tampoco funciona, no entiendo por qué entonces.

Aprovecho para agradecerte también, que me explicaras el por qué de que las palabras se separan de esa forma al justificar el texto, porque era algo que no entendía, y ahora gracias a ti, lo sé.
Aprendo muchas cosas gracias a tu blog, gracias por todo, Pedro.

Comentario escrito por Unknown : #

Con mucho gusto Marga.
Cualquier duda estoy dispuesto a absolvértela, en lo que esté a mi alcance.
Saludos.

Comentario escrito por Mr Recetas : #

GRACIAS ESTO EM A SERVICO MUCHO

Comentario escrito por Mr Recetas : #

http://sapinteve.blogspot.pe/ AQUI DEJO MI BLOGGGGG

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.