Como ”justificar” los textos de todas las entradas de Blogger


Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

justificar.jpg

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

  1. #outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: left;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: justify;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

  1. #sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. float: right;
  4. margin-top: 0;
  5. margin-right: 3px;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

  1. display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: left;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: justify;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

Artículos Relacionados

  • Agregar Metatags para indexarse mejor a Google, Blogger Cuando elaboramos nuestro Website o blog, una de las primeras inquietudes que nos surge, que deseamos solucionar con la mayor brevedad posible, es querer que nuestro trabajo, esfuerzo, […]
  • Fotos de los comentaristas, BloggerEsto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para […]
  • Como ver un Gadget solo en la pagina principal, Blogger Esto sirve solo para las personas que quieran ver un gadget o widget cualquiera solamente en la página principal de blogger, osea por ejemplo, puedes insertar si quieres un tipo de […]
  • Otra pagina para mostrar el Pagerank en tu Web Bastante buena Esta Página (Nexoperu) , ya que ademas te permite hacer una búsqueda múltiple (25 páginas) de pagerank, y tiene muchos diseños para que puedas agregar a tu Blog o Web.
  • El uso de Technorati Tags para generar visitas. Bueno, colaboro con este sitio despues de mucho tiempo... Segun Enrique Dans, blogger español el motor de busqueda de Technorati proporciona una utilidad mas que el etiquetado social, ya […]
  • Adsense en el Blog, Agrégalo!!! Los que no saben que es Adsense, les explicaré en pocas palabras, Adsense pone anuncios en sus blogs, y cada vez que alguien hace click en algun anuncio recibirán una cantidad de dinero […]

Leave a Reply

Your email address will not be published. Required fields are marked *