15.2.10

Ensanchar blog de Blogger


Índice: Ensanchar blog
Para plantillas Rounders
Para plantillas Denim
Para plantillas Mínima
Para plantillas nuevas
Para plantilla Scribe
Para plantilla Harbor
Para plantilla Dots
Para plantilla thisaway

Ensanchar blog, para plantillas Mínima

  1. Vamos a Editar HTML...

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

    ...y localizamos la instrucción #outer-wrapper { que es el ancho del blog.

  2. En la línea width:660px; cambiamos el número de pixeles (660) por 850, que es un ancho recomendable.

  3. Más abajo localizamos la instrucción #main-wrapper { que es el ancho de las entradas.

  4. En la línea width:410px; cambiamos el número de pixeles (410) por 580, o por el ancho que cada bloggero quiera darle a las entradas de su blog.

  5. Continuando más hacia abajo ubicamos la instrucción #sidebar-wrapper {, que es el ancho de la barra lateral.

  6. en la línea width: 220px; cambiamos el número de pixeles (220) por 240, o por el ancho que cada bloggero quiera darle a la barra lateral de su blog.

  7. El ancho del cuerpo de las entradas ( #Main-wrapper { ) más el ancho de la barra lateral ( #Sidebar-wrapper { ) no deben sobrepasar el ancho que le hemos dado al blog, que en este caso es de 850 pixeles. Debebemos procurar, por el contrario, que la suma de estos dos anchos sea un poco menor (30px) que el ancho del blog.

  8. Más arriba en nuestra plantilla localizamos la instrucción #header-wrapper {, que es el ancho de la cabecera del blog y, en la línea width:660px;, cambiamos el número de pixeles (660) por 850, que es el ancho que le hemos dado a nuestro blog.

  9. Hacia abajo en la plantilla localizamos #footer {, que es la barra inferior o pie del blog, y en la línea width:660px; cambiamos el número de pixeles (660) por 850.

  10. Por último con la vista previa confirmamos que todo está correcto y guardamos los cambios.
Índice: Ensanchar blog
Para plantillas Rounders
Para plantillas Denim
Para plantillas Mínima
Para plantillas nuevas
Para plantilla Scribe
Para plantilla Harbor
Para plantilla Dots
Para plantilla thisaway

11 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Sherlock : #

Apreciable Cástorlux:
.
Esta vez he querido ensanchar mi bitácora, y siguiendo sus instrucciones, he aquí tengo gran satisfación en comprobar que en efecto sus directivas son correctas y de gran eficacia y utilidad para esto.
.
Las páginas de mi bitácora (blog) ya están más anchas y han ganado mucho en estética, como podrá Vd. mismo verificar.
.
Las instrucciones que da Vd. en su blog son útiles, seguras y bien precisas.
.
¡Gracias y un cordial saludo!
.
http://conocimientosutilescuriosos.blogspot.com/

Comentario escrito por Pedro Pablo Pachón : #

Sherlock:

Gracias por su comentario y felicitacones por su bitácora. Su contenido es muy interesante y su diseño magnífico.

Saludos.

Comentario escrito por Atina AlGa : #

Gracias, su blog me ha sido muy útil.

Comentario escrito por Pedro Pablo Pachón : #

Atina: Gracias por sus visitas a este blog. Qué bueno que le haya sido útil.
Saaludos.

Comentario escrito por YASMINA CÁNOVAS : #

porque en mi plantilla no encuentro #outer-wrapper { ???? :( no me sale!

Comentario escrito por Pedro Pablo Pachón : #

SayQueen: No encuentras esa línea porque tu plantilla es nueva, y esa línea se encuentra únicamente en las plantillas antiguas, para las que está dirigido este tutorial.

Un tutorial sobre el mismo tema, para plantillas nuevas, como la tuya, lo encuentras aquí:

http://bloguermast.blogspot.com/2010/08/ensanchar-blog-plantillas-nuevas.html

Saludos!

Comentario escrito por Wendy Carolina : #

hola me gustaria que me ayudara xfi quiero colocarle un fondo a mi blog y se ve muy pequeÑo no se que hacer... xfi quiero diseÑar mi propio fondo y no hay manera me podria ayudar se lo agradecería mucho. no se que hacer... muchas fracias de antemano

Comentario escrito por Wendy Carolina : #

http://wendysfantasiasmanuales.blogspot.com.es/

este es mi blog el fondo q tiene ahora es de prueba correo wen_life57@hotmail.com

Comentario escrito por Unknown : #

Wendy Carolina: Este tutorial puede serle útil:

http://bloguermast.blogspot.com/2010/05/imagen-de-fondo-en-blogger.html

Saludos.

Comentario escrito por Unknown : #

amigo tus tutos estan geniales pero te sugiero poner una imagen para ver como te quedan las cosas.

Comentario escrito por Unknown : #

Rubén, grracias por tu sugerencia.
Saludos.

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.