28.3.13

Ocultar o eliminar sidebar de Blogger



Ocultar sidebar en plantillas antiguas

Para ocultar la sidebar de nuestro blog de blogger:

1.- Vamos a Editar HTML:

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

2.- Localizamos el siguiente código poniendo, dentro del rectángulo de búsqueda (search), una línea del mismo:

#sidebar-wrap {
  width:240px;
  float:$endSide;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

3.- Agregamos las líneas resaltadas:

#sidebar-wrap {
   visibility: hidden;
  display: none;
   width:240px;
  float:$endSide;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

4.- Guardamos los cambios.

 

Eliminar sidebar en plantillas antiguas

Si lo que queremos es eliminar la sidebar:

1.- Eliminamos el código indicado en el punto 2, del párrafo anterior.
2.- Localizamos y eliminamos el siguiente código:

  <div id='sidebar-wrap'>

    <div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
      <b:section class='sidebar' id='sidebartop'/>
    </div></div>

    <div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
      <b:section class='sidebar' id='sidebar' preferred='yes'/>
    </div></div>

  <div id='footer-wrap1'><div id='footer-wrap2'>
    <b:section class='footer' id='footer'/>
  </div></div>

</div>

Eliminando la sidebar obviamente quedará vacío el espacio que ocupaba. Para llenarlo tendremos que aumentar el ancho del cuerpo de las entradas. Para eso localizamos el siguiente código:

#main-wrapper {
  width: 630px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

...y en width: 630px aumentamos el número de pixeles hasta lograr el ancho del blog.

3.- Guardamos la plantilla.


Eliminar sidebar en plantillas nuevas

Para eliminar la sidebar en plantillas nuevas:

1.- Eliminamos los gadgets que tengamos en la sidebar.

2.- Vamos a Editar HTML:

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

3.- Localizamos el siguiente código 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'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length'/>

4.- en la última línea cambiamos 310px por 0px

5.- Guardamos plantilla.

Tema relacionado:Ocultar, mostrar sidebar
Í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
Etiquetas: , , , , ,

1 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Perikilla #

Ocultar sidebar sólo en página de inicio o index, en plantillas nuevas ?

3 de septiembre de 2014, 20:01

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.

Suscribirse a: Enviar comentarios ( Atom )