SERVICIOS - DISEÑO - FREEBIES - MEJORA TU BLOG -

19 mar. 2014

Cómo cambiar el ancho del Blog

¡Buenas!
Hoy va a ser esto un poco light.
El tutorial de hoy es sencillísimo, se trata de cambiar el ancho de nuestro blog sin utilizar el diseñador de plantillas. ¿Por qué? Pues porque muchas veces cuando personalizamos una plantilla, no nos deja tocar nada con el diseñador de Blogger.

Así que hoy aprenderemos a hacerlo sin depender de esa aplicación cacañosa.
Lo primero que haremos, como siempre por si metemos la zarpita, es una COPIA DE SEGURIDAD  de nuestra plantilla.

Nos vamos a Plantilla y Editar HTML. Expandimos artilugios (solamente el del código CSS que ahora sois unas entendidas de dónde está y cómo es, gracias al curso 2 para bloggers eh!).

Antes de llegar al código Css veremos que hay la zonita que os expliqué también en el curso, donde se ponen los meta tags, el título del blog etc...Pues ahí ya tenemos la primera pista que dice así:
 <meta content='width=1170' name='viewport'/>
¿Qué dice ahí? Pues dice que el ancho de mi blog (width es ancho en inglés) hace 1170 píxeles.
Entonces apuntamos el dato que nos de ahí, copiamos y ctrl+f para buscar ese numerito en el código de nuestra plantilla. Cada vez que lo localicemos lo cambiaremos por el ancho que queramos nosotras.

Recordad, para que funcione el Ctrl+f (tecla Control izquierdo y tecla F apretadas a la vez) tenemos que hacer clic arriba de todo del código de nuestra plantilla ¿vale?
Nos sale la cajita arriba a la derecha para introducir texto, pegamos el número que tenemos nosotras de ancho de blog y buscamos ese número en nuestra plantilla, reemplazándolo todo el rato por el número que queramos nosotras. Así de fácil la técnica de andar por casa y no romperse los cuernos.
El otro modo sería buscar este código en vuestra plantilla:

</style>
<style id='template-skin-1' type='text/css'><!--
body {
min-width: 1170px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1170px;
max-width: 1170px;
_width: 1170px;
}

Y cambiar  el número 1170 (es el que me aparece a mí porque el cuerpo de mi blog mide 1170 píxeles, pero a vosotras os saldrá otro número, 1000px o 1050px) por el número que queráis.

Acordaos de solamente cambiar el numero, no toquéis ni el px ni el ; ni la } ¿Entendido?
Guardáis la plantilla y miráis el blog actualizándolo para ver los resultados.

Tachaaan ya está cambiado el ancho del blog.
Muah! Artistas 

14 comentarios:

  1. Hola Lireth. Te he nominado para un premio Liebster awards
    Pasate si te apetece por:

    www.pespunteandocosturas.blogspot.com.es

    Saludos¡

    ResponderEliminar
    Respuestas
    1. Muchísimas gracias ahora paso a echarle un vistazo :)

      Eliminar
  2. Hola! muchas gracias por el tutorial!! qué tengas un buen día! besis

    ResponderEliminar
  3. Muy interesante como siempre!, te quería hacer una consulta, aunque no sí esté es el lugar, ni siquiera sé si es posible es una duda sobre el diseño de mi blog y como tú eres una máquina..... :), me dices porfa.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. Claro que si, mándame un mail y consulta lo que quieras. Arriba a la derecha en el gadget de Bienvenid@os, donde sale mi avatar, lee le texto y verás que puedes hacer click.
      Contesto siempre a todos los mails tan rápido como me es posible.
      :k

      Eliminar
    2. Muchísimas gracias!! Ya te he mandado un correo.

      Eliminar
  4. Hola wapa, te acabo de conocer a través de tu colaboración en el blog de Celia, aquí me quedo que lo que he visto me ha gustado. Ahora me pongo a ver tus cursos que tienen muy buena pinta. Un saludo. Yolanda.

    ResponderEliminar
  5. Genial el tutorial,gracias.
    Te he enviado un correo.
    No se si le pasa a mas blogeras pero,de repente no puedo seguir blog ni pueden crearse seguidores en mi blog,

    ResponderEliminar
    Respuestas
    1. Ya lo estamos comentando en Facebook, pásate por Facebook hay bastante información :) ( a mi tampoco me funciona)

      Eliminar
  6. A mi tampoco me va, esperaremos a ver que pasa, muy bueno el post, guapísima. Quería hacerte una pregunta, aunque no sé si entra en la información que nos vas dando, ¿cómo tienes enlazado el blog en facebook al lado de dónde pone fotos y tutoriales?, mira que lo he buscado pero no sé como hacerlo. Un saludo y comparto

    ResponderEliminar
    Respuestas
    1. ¿Dónde pone fotos y tutoriales? ¿en la barra de la derecha dices? ¿encima de los botones de twitter y google+?

      Eliminar
    2. Sí dónde pone fotos, tutoriales, blog y recursos en unos cuadritos, a lo mejor es una tontería pero incapaz. Pero digo en el mismo muro de facebook, mira que explico mal :)

      Eliminar
    3. Es una aplicacion de facebook, en buscar escribe Woobox Custom Tab y Static HTML Iframe Tab by Woobox utilizo esas dos, una la iframe static creo que es la que al hacer click te lleva al blog, aunque tu como administrador ves que sale un cartel pidiendo si quieres que te lleve, pero a un user normal lo lleva directamente.
      El otro el de Woobox es el que uso para tutoriales y recursos. Hace tiempo que lo hice, y nada toqueteando como todo lo logré personalizar y todo eso.
      Prueba a ver si te sale y si es eso lo que necesitas

      Eliminar
  7. Muchas gracias! Lo encontré super útil :)

    Mary Galou [ http://marygalou.blogspot.com ]

    ResponderEliminar