En este artículo incluímos un tutorial bastante interesante que muestra como brindar un poco más de espacio a nuestro blog en Blogger, lo cual se consigue dividiendo el sidebar en dos partes. Al dividir el sidebar en dos seremos capaces de añadir unos cuantos widgets más o tal vez insertar iconos adicionales al widget de suscripción o al de compartir mediante redes sociales.

 

El procedimiento detallado es el siguiente:

  • Primero ingresamos en Dashboard > Template.
  • Seguidamente hacemos click en "Edit HTML", luego en "Proceed" y marcamos el cuadro "Expand Widget Templates"
  • Ahora procedemos a buscar el siguiente código:
#sidebar-wrapper{
float:right;
width:320px; display: inline;
overflow:hidden;}
  • Este código lo reemplazamos por el siguiente:
#sidebar-wrapper{
float:right;
width:150px; display: inline;
overflow:hidden;}
#rsidebar {
float:right;
width:150px;
padding-left:10px; display: inline;
overflow:hidden;
}

En el código anterior simplemente duplicamos el estilo CSS original, lo nombramos #rsidebar y finalmente dividimos el ancho (30px) en dos valores iguales. Este caso claro está, podemos emplear otros valores en tanto sean iguales. También hay que recordar que demos ajustar los márgenes y el relleno en caso de que sea necesario. 

 

  • A continuación buscamos lo siguiente:

Este es el comienzo del código que contiene los códigos de todos los widgets en el sidebar y debe verse de forma similar a lo siguiente:


  • Lo que vamos a buscar a continuación es la porción de cierre del tag. Una vez que la encontramos añadimos las siguientes dos líneas de código justo después como se muestra a continuación:

 

  • Por último, salvamos la plantilla y listo.

Ahora, si ingresamos en la sección "Layout" notaremos que ahora hay dos secciones de sidebar en la plantilla.

 

Más Trucos Blogger