domenica 6 dicembre 2009

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!

22 commenti:

alessandra ingrid ha detto...

Aaaaad ,

fatto !!!! Super ,è facilissimo, grazie ! Yuppiiiieeee!!!

Buona giornata, un mega baciotto :))

Gabry in blog Belella ha detto...

Interessante.... proverò a fare la modifica.

Un saluto e buon inizio settimana Adamus!

pierangela ha detto...

grazie Adamus, questa sera con calma proverò .
buon lunedi

Paola ha detto...

E' da parecchio che ci penso: ma ho il terrore di combinare qualche guaio.Comunque prima o poi ci provo e tu sei stato davvero gentile a darci tutte le istruzioni .
Grazie , un caro saluto

adamus ha detto...

Grazie Ale..sono contento che ci sei riuscita..ora il blog è molto più gestibile.

pasticcino ha detto...

Grazie Fratellone,
sei un grande!!!
Sono riuscita ad allargare il mio blog...vieni a vedere :-)

In compenso non mi si apre la musica e il numerino dei visitatori :-((((((((

Magari dipende dal mio pc o da un fatto di rete, connessioni, o quant'altro ma ho provato a spegnere e riaccendere e quei gadget se ne stanno in vacanza...
uffffffffffffffffffff!!!!!
Avresti una soluzione anche per questo????
grasssieeeeeeee!
bacio bacio.....(uffff...)

Poeslandia ha detto...

Grazie adamus, per non combinare quai, provero un blog prova, ma sembrerebbe faciel :-)
Grazie per quete informazioni utili.
Un abbraccio con stima, Lisa

adamus ha detto...

Molto bene..allora vuol dire che ho spiegato bene! eh..eh.. bravo adam!

stella ha detto...

Realizzare è difficile, caro Adamus.
Abbraccio.

Poeslandia ha detto...

eccomiii... bravo adamus.. e brava io :-)
http://lisa-guestbook.blogspot.com/
che e solo un blog prova.. :-)
Si e allargato notevolmente, non male.
Grazie grazie grazie :-)
buona serata a te e un abbraccio grande.
Ps visitato blog di Francesca :-)

Lina-solopoesie ha detto...

Adam
Grazie..a questo servono gli amici...Ho anch'io il blog di solo prove , magari con calma provo a modificare il blog cosi trovo che e davvero più gestibile .( ma devo per forza mettere il colore nero?)
Grazie... grande abbraccio lina

Felinità ha detto...

Bravissimo è un'idea interessante.
Grazie di aver condiviso un'informazione valida per tutto il mondo blog. Un caro saluto

Sara ha detto...

Ciao adamus,io devo lasciare tutto
come ora non riusciro mai,è troppo difficile.ciao gianna.

Francesca ha detto...

Ciao,bravissimo istruzioni molto interessanti grazie.

Pupottina ha detto...

faccio leggere il tuo post a Kevin che riesce a capire di cosa parli e poi cerco di allargare anche il mio
grazieeeeeeeeeee

Nicole ha detto...

Io l'ho fatto con l'aiutino di un amico informatico. E' grazie a lui se sono riuscita a mettere persino in video centrale nel template.
Ma grazie lo stesso, i consigli sono sempre preziosi.

stella ha detto...

Adamus aderisci?
Vieni sul mio blog di poesie.

Paola ha detto...

Bravissimo!!!
Un ottimo insegnante!!!
Ciao Adamus grazie della visita... si si... cerco di essere ispirata... hehehehehe
Buona notte... un abbraccio

marinella ha detto...

Grazie Adamus molto utile, appena riesco ci provo anch'io.

PuntoCroce ha detto...

WOW!!!!! Adamus, che notizia utile!!!! Io una volta ho provato (non seguendo queste istruzioni) e ho combinato un disastro!!! Quasi quasi ci riprovo!!!
Ora salvo le tue indicazioni, ci voglio proprio provare!!
Grazie!!!
Un bacione, a presto
Maria Rosa

Lina-solopoesie ha detto...

Ciao Adamus
Come segno della nostra amicizia virtuale ti dono questo bellissimo alberello
" anche lui virtuale"
_________☆
________☆☆
_______☆.*.☆
______☆•*.*`•☆
_____☆¸.•**`•..☆
____☆.•**•**•**•☆
___☆¸.•**•.**¸.•**•☆
__☆¸.•*¨*•.**¸.•**`•.☆
_☆•*¨*•.•.•**•...•*¨*•...
☆¸.•*¨*`•*☆☆•¸.•**`•.☆
_______ ☆☆
☆¸.•*¨*•*.☆☆¸.•**`•.☆™
☆¸.•Lina solopoesie`•.☆

stella ha detto...

Vieni a leggere, mattacchione!