Mostrando entradas con la etiqueta cambiar de lugar la sidebar. Mostrar todas las entradas
Mostrando entradas con la etiqueta cambiar de lugar la sidebar. Mostrar todas las entradas

28.3.13

Cambiar de lugar la sidebar de Blogger



Índice
Para plantillas nuevas (del Diseñador)
Para plantillas Denim
Para plantillas Rounders
Para plantillas Minima
Para plantillas Herbert
Para plantillas Harbor

19.1.13

Cambiar de lugar la sidebar en plantillas del Diseñador


Los blogs diseñados con las plantillas del Diseñador tienen la sidebar en el lado derecho. A continuación veremos cómo pasarla para el lado izquierdo.

Vamos a Editar HTML:

Diseño Plantilla Editar HTML Click dentro del editor Ctrl+f

Localizamos uno de los siguientes códigos poniendo, dentro del rectángulo de búsqueda (search), una línea del mismo:



    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='960px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>




    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length'/>


Si encontramos el primer código lo cambiamos por éste:

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='960px'/>
      <b:variable default='310px' name='main.column.left.width' type='length' value='310px'/>
      <b:variable default='0' name='main.column.right.width' type='length' value='0px'/>

Si encontramos el segundo código lo cambiamos por éste:

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='310px' name='main.column.left.width' type='length'/>
      <b:variable default='0' name='main.column.right.width' type='length'/>

Los resaltados en rojo y amarillo son las propiedades del código original que hemos modificado, y sus modificaciones, respectivamente.

Guardamos plantilla y buscamos uno de los siguientes pares de códigos:



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

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>




        <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'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>


Si encontramos el primer par cambiamos:

            <macro:param default='0' name='num' value='0'/>

...por:

            <macro:param default='2' name='num' value='1'/>

...y viceversa.

Si encontramos el segundo par cambiamos:

            <macro:param default='0' name='num'/>

...por:

            <macro:param default='2' name='num'/>

...y viceversa

Guardamos plantilla, vamos a:

Página principal ► Diseño ► Plantilla ► Personalizar ► Diseñador ► Ajustar ancho

...y podremos observar que la sidebar que antes estaba en el lado derecho:

Sidebar derecha en el diseñador

..ahora está en el lado izquierdo:

Sidebar izquierda en el diseñador