Ancho del Blog Bloggers

Trucos para Bloggers: "Ampliar el Tamaño de tu Blog"

13:49Alba - Petit Sweet Couture

¡Hola guap@s! He decidido hacer una pequeña sección con ayudas para mejorar los blogs. Cuando uno abre un blog está un poco perdido sobre como modificar sus características. Yo con el paso del tiempo he aprendido algunas cosillas que quiero compartir con vosotros y espero que os ayuden. 

TRUCOS BLOGGERS: COMO AMPLIAR EL TAMAÑO DE UN BLOG
 
Cuando abrimos un blog, por defecto, blogger nos deja elegir alguna de sus plantillas, pero casi todas son muy estrechas. Yo cuando comencé elegí la plantilla "Sencilla" para poder modificar todo a mi gusto desde 0.
Blogger ha cambiado muchas veces la forma de modificar las características de nuestro blog, así que yo que abrí este blog en 2011 tengo un tipo de plantilla, y los nuevos blogs tienen otra. Así que explicaré las 2 maneras que yo he visto para modificar el ancho del blog, así como el ancho de la barra lateral.
 
OPCIÓN 1

Vamos a Escritorio de Blogger y entramos en la opción Plantilla. Nos vamos a Personalizar
En personalizar nos encontramos con el apartado "Ajustar Ancho". Ahí nos enseña el tamaño total del blog y el tamaño de la barra lateral, la resta de esas cantidades más un pequeño margen, nos dará el tamaño de nuestra barra principal, donde se visualizan los posts.
 Ahora podréis ponerle el tamaño que queráis. Para orientaros un poco con respecto a mi blog, yo tengo un ancho de 1050px con barra lateral de 300px
Una ves modificado le damos a "Aplicar al blog" que lo tenéis arriba a la derecha y ¡listo!

OPCIÓN 2:
Si os pasa como a mi y vuestro blog ya tiene algún tiempo, no se visualiza el tamaño en "Ajustar Ancho", por lo menos a mi no. Así que hay otra opción para modificar el ancho, en HTML

Nos vamos a Plantilla, opción HTML
Al abrir nos encontramos con la nueva mejora que ha hecho blogger en HTML, bueno mejora por decir algo, porque yo así de lío más. Desplegamos la primera flecha que encontramos y veremos todas las características básicas de nuestro blog.
Bajamos hasta encontrar el texto: #header-wrapper { 
Este es el tamaño de nuestra cabecera que debe ser igual que el ancho total del blog, si no se nos quedará descentrada.
 Más abajo encontramos:
#outer-wrapper {  - Es el tamaño total del blog
#main-wrapper {  - Tamaño de la barra principal
#sidebar-wrapper {  - Tamaño de la barra lateral
Cambiamos el valor que tenemos dejando todo lo demás igual, los espacios y el px; Tenéis que tener en cuenta dejar un poco de margen, como veis yo dejo 70px de margen entre la barra principal y la barra lateral, para que no estén demasiado juntas.

¡Espero que os sea útil! Si queréis que os explique cualquier otro truco o tenéis alguna duda sobre Blogger y sus características ¡escribidme!
¡Feliz Domingo!

Sígueme en / Follow me on

You Might Also Like

32 comentarios

  1. Gracias por compartir tus trucos.

    bss

    ResponderEliminar
    Respuestas
    1. Qué recuerdos....una de las primeras tomas de decisiones...¡qué ancho de pantalla usar ? ;)

      No te pierdas hoy mis últimos NEW INS.....ropa y zapatos en B&W!!!

      Besos de
      http://www.withorwithoutshoes.com
      Bloglovin

      Eliminar
  2. Gracias por compartir los trucos! :)
    Me puedes decir como hiciste para tener los botones azules para que te sigan en las redes sociales? You queria poner unos en mi blog, pero no sé como hacer :/

    ResponderEliminar
    Respuestas
    1. Los que yo tengo los hice yo en Photoshop de 0, pero se que hay páginas para descargarlos ;)

      Eliminar
  3. Ya procuré esas paginas, pero no me las encontré. Bueno, entonces los voy a hacer yo misma :)
    Muchas gracias Alba! ^^

    ResponderEliminar
    Respuestas
    1. Mira un ejemplo:
      http://social-icons.com/50-free-social-media-icons-mixed-designs/

      Busca en google Social media icons ;)

      Eliminar
  4. La verdad es que cuando empiezas un blog es dificil moverte, pero con ganas y esfuerzo todo se aprende!

    http://timeofstyle.blogspot.com

    ResponderEliminar
  5. Yo cuando empecé iba súper perdida y la verdad que estos post se agradece 😉
    Un besito preciosa

    ResponderEliminar
  6. Hola Alba, cuantísima razón, cuando se empieza en este mundillo una está muy perdida, yo me pasé horas y horas de mis días intentando averiguar cosas sin ningún tipo de ayuda así que me parece muy interesante tu iniciativa, si nos ayudáramos entre todos el mundo sería un poquito mejor ¿verdad? Un besazo.

    http://mapetitebyana.blogspot.com.es/

    ResponderEliminar
  7. Este truco ya lo conocía pero me parece una sección muy útil. estoy deseando leer los futuros posts!!

    ¡Un beso!

    http://quierounblogdemoda.blogspot.com.es

    ResponderEliminar
  8. Gracias por tu comentario. Me gusto mucho tu blog así que te sigo. Espero que tu también;)
    Esta sección nos ayudara mucho ya que siempre hay dudas en el blog. Un beso

    http://floresparachic.blogspot.com.es/

    ResponderEliminar
  9. interesante post!
    visita mi blog,estoy empezando y me haría mucha ilusión! :)
    http://necesitounarmariomasgrande.blogspot.com.es/

    ResponderEliminar
  10. Hola preciosa muy bueno el post y muy bien preparado y explicado para todas aquellas personas que recién estrenan blog.
    un besazo guapa.

    ResponderEliminar
  11. Un post muy interesante! Ya conocía estos truquillos pero la verdad es que a veces empiezas a tocar cosas y cosas y no hay manera. Genial la sección nueva! un beso!

    Blog Glamberra

    ResponderEliminar
  12. Hola guapa!!! me parecen genial este tipo de posts! yo cuando empece tampoco tenia mucha idea pero, poco a poco, gracias a posts así he ido aprendiendo y cada vez es mas personalizado! Besotes!! :)



    http://greatstyling.blogspot.com.es/

    ResponderEliminar
  13. Hola Alba! He descubierto tu blog hace poco y me encanta!

    Yo también tengo uno, y con él una duda: ¿cómo puedo poner un botón que lleve a seguir el blog?

    Un beso!

    ResponderEliminar
  14. yo poco a poco he ido aprendiendo como modificar mi blog aunque aún me queda mucho por hacer.besos

    ResponderEliminar
  15. un post genial, me encantan este tipo de post porque cuesta un montón hacer estas cosas cuando no tienes ni idea de informática!
    un besiño
    Marimar
    www.laruedelamode.com

    ResponderEliminar
  16. Hello, congratulations on your blog!
    If you can visit this blog:
    http://morgannascimento.blogspot.com.br/
    Thank you for your attention

    ResponderEliminar
  17. Ohh! Muchísimas gracias! Creo que lo voy a intentar!
    Un besito!!
    http://www.bloglovin.com/en/blog/4487669

    ResponderEliminar
  18. Genial esta sección!! Hay ocasiones que cuesta manejar blogger y es necesario ayudas como esta ;)

    Besos
    peccatodimoda.blogspot.com

    ResponderEliminar
  19. Alba me encanta esta nueva sección estoy muy ansiosa por ver que nos enseñas a hacer!
    Un besooo
    letters-tolucia.blogspot.com

    ResponderEliminar
  20. Que buen post!! No conocía esta sección tuya... estaré atenta!! jeje

    Un besin guapa!

    ResponderEliminar
  21. gracias por los consejos! ,)

    sandra1mua.blogspot.com

    ResponderEliminar
  22. dios mio por fin!!! gracias guapísima!.. mirando tantos post y ninguno me funcionaba..TAN SOLO ERA HACER LA PRIMERA OPCIÓN Y SÓLO ENCONTRABA LA 2º.

    ResponderEliminar
  23. Hola Alba, yo busco no es cambiarle el ancho total a mi blog sino sólo al de la página que redirecciona, porque sólo una una pequeña parte del monitor, y las imágenes además se ven muy separadas entre ellas y no aprovecha todo el ancho de la página, lo cual me desespera. Ayuda por favor. Mi blog es
    http://errordelarte.blogspot.mx/p/por-el-error-del-arte.html

    ResponderEliminar
  24. Muchas gracias por la info Alba! Sería un placer tener un comentario tuyo en el libro de visitas de mi blog. Pásate si quieres :D

    ResponderEliminar

FACEBOOK