Como agregar otra barra Lateral o Sidebar a las plantillas de Blogger ?, Classic-Blogger

Classic Blogger, Personaliza Código, Plantillas, Plataformas

Vamos a ir haciendo un análisis plantilla por plantilla
Primero las que mas votos tuvieron:

Minima black

< View plain text >
css

  1. /*-------- Content----------------------------------------------- */
  2. @media all {
  3.   #content {
  4.     width:660px;
  5.     margin:0 auto;
  6.     padding:0;
  7.     text-align:left;
  8.     }
  9.   #main {
  10.     width:410px;
  11.     float:left;
  12.     }
  13.   #sidebar {
  14.     width:220px;
  15.     float:right;
  16.     }
  17.   }

Creamos algo así:

< View plain text >
css

  1. /*-------------- Content------------------------------------- */
  2. @media all {
  3.   #content {
  4.     width:880px;
  5.     margin:0 auto;
  6.     padding:0;
  7.     text-align:left;
  8.     }
  9.   #main {
  10.     width:410px;
  11.     float:center;
  12.     }
  13.   #sidebar1 {
  14.     width:220px;
  15.     float:right;
  16.     }
  17.   #sidebar2 {
  18.     width:220px;
  19.     float:left;
  20.     }
  21.   }

Y abajo en la plantilla la llamamos de la misma manera que se ha llamado la sidebar inicial, excepto que la inicial (llamada sidebar) ahora se llamará sidebar1 y la otra sidebar2.

Artículos Relacionados

  • Plantillas Navideñas, Blogger Éste dato es para los que gustan cambiar su plantilla según la época del año en que estemos, aquí les dejo una linda plantilla navideña, solo haz click en la imagen y llegarán a la […]
  • Resultados 1º Concurso Dominio .com Gratis, “Cambia tu .blogspot por .com” Aquí estan los resultados para el primer concurso cambia tu .blogspot por .com, este es el orden si el 1º ganador no reclama el premio, entonces se pasa al segundo ganador.. 1.- […]
  • BooMP3, reproductor y servidor de música Una forma muy fácil de colocar música en tu blog es con BooMP3, porque no necesitas un servidor aparte para subir la canción y por otro lado un reproductor, luego juntar los 2 códigos, […]
  • Tutorial de CSS, Parte 1 “Que es el Padding, Margen, Border”, Classic-Blogger Para que puedan seguir el orden de este tutorial que será bastante largo lo iré enumerando :D. Todos cometemos muchos errores cuando modificamos el CSS de nuestra plantilla, incluso […]
  • Generador de texto !!! Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Para que el mago se ponga a trabajar y genere un mensaje debemos ingresar a este […]
  • Encontrar código Este dato es muy útil para los que nos gusta intrusear la plantilla, y cabecearnos con el código html, la idea es buscar rápidamente una frase, o una palabra dentro de la plantilla para […]
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.

About 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.

Leave a Reply

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