Tag Archives: html

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

Aprende lo Básico, Barra Lateral, Barra Lateral, Blogger, HTML/CSS, Personaliza Código, Plantillas, Plataformas, Post, Post, Texto, Tutoriales, ,


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:

< View plain text >
HTML

  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):

< View plain text >
HTML

  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:

< View plain text >
HTML

  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:

< View plain text >
HTML

  1. #sidebar-wrapper {

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

< View plain text >
HTML

  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:

< View plain text >
HTML

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

-Quedaría de esta manera:

< View plain text >
HTML

  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:

< View plain text >
HTML

  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;
joseluis

Otra pagina para mostrar el Pagerank en tu Web

Adornos y Accesorios, Otros Accesorios, Otros Servicios, Plataformas, Servicios para Blogs, Todas, , ,

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.

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.