Mostrando entradas con la etiqueta diseñador. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseñador. Mostrar todas las entradas

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

13.6.10

Diseñador de plantillas de Blogger


Al Diseñador de plantillas podemos acceder de dos maneras:
  1. Desde la página principal:

    Página principal ► Diseño ► Plantilla ► Personalizar



  2. Desde el escritorio:

    Más opciones ► Plantilla ► Personalizar


    Acceso al Diseñador de lantillas

 

Diseñador de plantillas

Una vez hayamos ingresado al diseñador se nos presentará el siguiente menú:

Diseñador de plantillas de Blogger.

Plantillas: aplica para plantillas antiguas, y para las creadas con el diseñador.

Fondo: En esta opción Imagen de fondo aplica únicamente para las plantillas creadas con el diseñador, y Gama de colores principal para el fondo de algunas plantillas creadas con el diseñador:

Diseñador de plantillas de Blogger.

Diseño: Aplica únicamente para plantillas creadas con el diseñador:

Diseñador de plantillas de Blogger.

Avanzado: aplica para plantillas antiguas, y para las creadas con el diseñador:

Diseñador de plantillas de Blogger.

 

Ventajas del Diseñador de plantillas:
  1. Acceso a plantillas nuevas.

  2. Opción de cambiar el fondo del blog sin necesidad de modificar el código de la plantilla.

  3. Opción de modificar los diseños del cuerpo del blog y de pie de página sin necesidad de modificar el código de la plantilla.

  4. Opción de modificar el ancho del blog y de la barra lateral sin necesidad de modificar el código de la plantilla.
Índice Edición HTML
Poner imagen de fondo a un blog Cambiar enlaces pie de página
Eliminar enlaces pie de página Eliminar 'Publicado por'
Eliminar fechas Eliminar la hora
Efecto subrayar links Eliminar barra superior
Evitar copias de blogs Ocultar o eliminar sidebar
Eliminar y reemplazar cabecera Ícono para barra de direcciones
Centrar títulos posts Ensanchar blog
Cambiar color fondo posts Color fondo sidebar
Agregar una sidebar Color fondo de comentarios
Personalizar firma pie de posts Personalizar fechas de los posts
Diseñador de plantillas de Blogger Crear página de inicio o Portada
Eliminar enlaces a autores de plantillas Cambiar de sitio la sidebar
Centrar imagen de la cebecera