Come allargare blogger

Cari Amici ho notato che molti template predefiniti in blogger(tipo sfondo nero) utilizzano un minimo spazio sfruttabile.. lo spazio inutilizzato laterale è notevole a discapito della fascia centrale che viene molto limitata..quindi solo post in verticale, stretti e lunghi, a volte con inestetici accavallamenti di applicazioni.
Io dopo diversi tentativi sono riuscito da tempo ad allargare il mio blog. Se Volete potete farlo anche Voi.. Sembra difficile, in realtà è semplicissimo Seguite attentamente le mie istruzioni.
Volendo potete fare esperimenti in un secondo blog prove. Comunque Vi assicuro che funziona ..la prova lampante è questo blog e anche quello di Alessandra.. (vedi primo commento).

Clicca su personalizza, clicca in alto modifica HTML, nel riquadro ti apparirà tutto il template del Tuo blog in codice HTML, per sicurezza copialo tutto iniziando dal basso verso l'alto per depositarlo nel blocco note, in caso di guai puoi recuperarlo e reinserirlo al posto dell'eventuale casino che avrai combinato...e diventa tutto come prima.
Ora procediamo agendo nella barra di scorrimento del template devi cercare queste scritte,
Forse le tue sono leggermente diverse da queste, ma funziona ugualmente. Quelle che ho sottolineato sono da cambiare con....vedi sotto spiegazioni.


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
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 */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}


/* Headings
----------------------------------------------- */
Dovrai sostituire ai 3 elementi /* Outer-Wrapper, #main-wrapper {, #sidebar-wrapper {

in questo modo : elimina dopo  width: i valori che ho sottolineato sopra in tutti tre elementi,
sostituendo con 90% 70% 25% salva tutto e il gioco è fatto! vedi sotto il lavoro finito.





/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 90%;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 70%;
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 */
}

#sidebar-wrapper {
width: 25%;
float: $endSide;
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 */
}


/* Headings
----------------------------------------------- */


Ciao Amici .. spero di esservi stato utile!