Agregar sidebar - Plantilla simple

La plantilla Simple es de las nuevas de Blogger. Tiene una barra lateral (sidebar) derecha. Agregaremos una izquierda. Vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► Localizamos los siguientes códigos y hacemos las modificaciones indicadas con el resaltado en rojo: Código original:     <b:template-skin>       <b:variable default='930px' name='content.width' type='length' value='860px'/>       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>       <b:variable default='360px' name='main.column.right.width' type='length' value='260px'/> Código modificado:     <b:template-skin>       <b:variable default='930px' name='content.width' type='length' value='980px'/>       <b:variable default='360px' name='main.column.left.width' type='length' value='220px'/>       <b:variable default='360px' name='main.column.right.width' type='length' value='220px'/> Hemos aumentado el ancho del blog a 980px, y a las dos barras laterales (sidebars), tanto a la que ya teníamos, como a la que agregamos, les hemos puesto un ancho, a cada una, de 220px. Código original:         <div class='column-left-outer'>         <div class='column-left-inner'>           <aside>           <macro:include id='main-column-left-sections' name='sections'>             <macro:param default='0' name='num' value='0'/>             <macro:param default='sidebar-left' name='idPrefix'/>             <macro:param default='sidebar' name='class'/>             <macro:param default='true' name='includeBottom'/>           </macro:include>           </aside>         </div>         </div> Código modificado:         <div class='column-left-outer'>         <div class='column-left-inner'>           <aside>           <macro:include id='main-column-left-sections' name='sections'>             <macro:param default='2' name='num' value='1'/>             <macro:param default='sidebar-left' name='idPrefix'/>             <macro:param default='sidebar' name='class'/>             <macro:param default='true' name='includeBottom'/>           </macro:include>           </aside>         </div>         </div> Hemos habilitado la columna izquierda o barra lateral (sidebar) izquierda. Al final de la plantilla encontramos este código: <b:section-contents id='sidebar-right-1'> <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/> <b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/> </b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html> Inmediatamente encima del mismo ponemos esto: <b:section-contents id='sidebar-left-1'> <b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/> </b:section-contents> La línea resaltada debemos eliminarla del código que teníamos, para que no nos dé error por repetición, ya que la hemos puesto en el código que agregamos. Corresponde al widget del perfil, que hemos puesto en la barra lateral izquierda. Vista previa y guardar plantilla. Vamos a Diseño ► Diseñador de plantillas ► Diseño ► Ajustar ancho: ..y veremos que ya tenemos habilitado el control para la barra lateral izquierda Así Teníamos en Diseño la página para añadir y organizar elementos: Ahora la tendremos así: Y el blog se verá así, con el perfil en la barra lateral (sidebar) que agregamos: Twittear

Índice: Agregar una sidebar
Para plantillas Herbert
Para plantillas Minima
Para plantillas Denim
Para plantillas Rounders
Para plantilla Simple
Para plantilla Picture Window
Para plantilla Travel
Para plantilla Awesome
Agregar sidebar doble

◄Anterior | Siguiente►