Saltar al contenido
TutoEspacio

Justificar textos de las entradas y comentarios en Blogger

como Justificar textos de las entradas y comentarios en Blogger

Seguimos con los tutoriales, en esta ocasi贸n les mostrare como como justificar los textos de las entradas as铆 tambien los mostrare como justificar los textos de los comentarios.

Esto resulta muy 煤til saberlo ya que si lo hacemos directamente desde el editor de las entradas de blogger solo debes dar en justificar el texto que se encuentra en la parte de arriba del editor, pero esto solo funcionaria para esa entrada y no para el resto de las entradas en nuestro blog.

Los texto los podemos justificar de tres maneras y las veremos una por una para dejar claro todo esto y para saber c贸mo justificar los textos de las entradas y los textos de los comentarios.

Justificar los texto de las entradas

La primera forma de justificar los textos de nuestro post es manualmente, que ser铆a escribir toda la entrada y colocar nuestro texto dentro de las siguientes etiquetas:

<div style=鈥漷ext-align: justify;鈥>
Aqu铆 va todo el texto de la entrada.
</div>

La segunda forma para para justificar los textos de nuestras entradas es la justificaci贸n en plantilla de entradas, para ello nos tenemos que ir a la siguiente ruta: Configuraci贸nEntradas y comentarios – Plantilla de las entradas.

Hacemos clic en A帽adir y en la caja de texto que se nos despliega tenemos que a帽adir el siguiente c贸digo:

<div style=鈥漷ext-align: justify;鈥>

</div>

Como puedes notar es pr谩cticamente el mismo c贸digo que la primera forma nada m谩s que en este caso caso 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.

Por 煤ltimo la tercera forma para justificar los textos de nuestras entradas, sera agregar una l铆nea de c贸digo dentro de nuestra plantilla, con eso conseguiremos que cada vez que escribamos una entrada se justificara autom谩ticamente sin necesidad de justificar los textos de las entradas cada vez que escribamos una. Para ello nos dirigimos a la siguiente ruta: Plantilla Editar HTML.

Ctrl + F y buscamos el siguiente c贸digo.post-body { nos aparecer谩 algo como esto:

.post-body {
      font-style: normal;
     font-variant: normal;
     line-height: 1.785em;
     vertical-align: top;
     margin: 0;
     padding: 0;
}

Los atributos var铆an dependiendo de la plantilla, ahora debemos colocar el siguiente codigo text-align: justify;. Si ya contamos en ese c贸digo solo cambiamos el left, right o la propiedad que tenga por justify. Ejemplo:

post-body {
     text-align: justify;
     font-variant: normal;
     line-height: 1.785em;
     vertical-align: top;
     margin: 0;
     padding: 0;
}

En caso de no contar con la etiqueta .post-body { agregarla antes de ]]></b:skin> de la siguiente manera para no afectar al resto de la plantilla como los sidebar.

.post-body {
text-align: justify !important;
}

Justificar de los textos de los comentarios

En las plantillas antiguas los textos de los comentarios no se justifican autom谩ticamente, para poder lograr que se justifiquen nos tenemos que ir a la siguiente ruta: Plantilla Editar HTML.

Ctrl + F y buscamos el siguiente c贸digo:

.comment-body { 
text-align: justify;
position:relative; 
}

Solo agregamos el texto en color rojo y con eso ya tendremos justificado nuestros comentarios, hacer lo mismo para cada secci贸n que queramos justificar.

Espero que este tutorial haya sido de tu agrado y si te sirvio no olvides compartir que nos ayuda mucho. Visita nuestro Canal en Youtube y Suscribete!.De igual forma puedes dejar tu comentario por si tienes dudas. No olvides seguir visitando TutoEspacio.