Hosting en inglés

alojamiento web con Webhostinghub
Hosting SSD con Raiola

¿Como dividir el sidebar de Blogger en dos partes?

 

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


 

 

SUSCRÍBETE SIN COSTO ALGUNO A NUESTRO BOLETÍN

Escribe tú correo electrónico:

Recibe contenido de este sitio sin costo alguno en tu e-mail. Solamente enviaremos los últimos artículos de Internetrcc, sin ningún tipo de spam

Acelera tu sitio

CDN para WordPress

Leave a Reply