Category Archives: Barra Lateral

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;

Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Blogger

Así quedará cualquier menú en nuestra sidebar (barra lateral), una vez que hayamos seguido los pasos, solo hagan click en links, para que vean como se despliega la lista con los links que estan ocultos.

Ejemplo:

function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className==”postshown”) { whichpost.className=”posthidden”; }
else { whichpost.className=”postshown”; }
}

.posthidden {display:none}
.postshown {display:inline}

Links [+/-]


Google News
Edit-Me
Edit-Me

Con la implementación de este menú ahorraremos mucho espacio, no habrán filas interminables de directorios o de links de intercambio. El lector tendrá que pinchar en el [+/-] y listo. Páginas simples se ven mejor, que páginas completamente cargadas de cosas.
Cuando el usuario termine de usar el menú, podrá volver a ocultar el texto. Todo esto sucede en la misma página.

Continue reading Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Blogger

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.

Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Classic-Blogger

Así quedará cualquier menú en nuestra sidebar (barra lateral), una vez que hayamos seguido los pasos, solo hagan click en links, para que vean como se despliega la lista con los links que estan ocultos.

Ejemplo:

function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className==”postshown”) { whichpost.className=”posthidden”; }
else { whichpost.className=”postshown”; }
}

.posthidden {display:none}
.postshown {display:inline}

Links [+/-]


Google News
Edit-Me
Edit-Me

Con la implementación de este menú ahorraremos mucho espacio, no habrán filas interminables de directorios o de links de intercambio. El lector tendrá que pinchar en el [+/-] y listo. Páginas simples se ven mejor, que páginas completamente cargadas de cosas.
Cuando el usuario termine de usar el menú, podrá volver a ocultar el texto. Todo esto sucede en la misma página.

Continue reading Menu Expandible ¿Cómo puedo mostrar/ocultar el Menú de la Sidebar? (Modo Peek-a-boo), Classic-Blogger

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.