@olaola said:

Piu' che l'HTML dovresti modificare il CSS.

Comunque, per le domande specifiche su blogger, sposto questa discussione nella sezione apposita.

Ti ringrazio.

@m1979 said:

Ciao Fran_

Come ti è gia stato detto da olaola, devi intervenire sui css, procedi così, vai su layout/modifica html e cerca

#header {
width: 760px;

e questo

#content-wrapper {
width: 760px;

Questi parametri determina la larghezza totale del header e del blog,

#main-wrapper {
width: 464px;

Questo determina la larghezza della colonna centrale, quella dove scrivi gli articoli.

#sidebar-wrapper {
width: 240px;

Questo determina la larghezza della colonna laterale, i parametri da modificare te li ho segnati in rosso!

Ti ringrazio.
Speriamo di non combinare pasticci...e male che vada c'è sempre il back up del template precedente!

@m1979 said:

In genere il colore dello sfondo lo puoi cambiare attraverso una pannello da layout/caratteri e colori

Purtroppo in questo caso non è possibile, non risulta nella griglia un'opzione per poter modificare il colore dello sfondo.

@m1979 said:

Tranquillo, non causano problemi, anche se in passato la modifica della larghezza del template ha causato per qualche giorno qualche problemino!

Perfetto, non vorrei che magari una modifica da nulla sul template creasse dei problemi seri al blog.
Grazie ancora per le informazioni.

Purtroppo in questo caso non è possibile, non risulta nella griglia un'opzione per poter modificare il colore dello sfondo.

Per cambiare lo sfondo della colonna del post cerca questo:

#main-wrapper {

E subito dopo inserisci
background-color: #222222;

Invece per cambiare lo sfondo della colonna laterale cerca

#sidebar-wrapper {

E subito dopo inserisci
background-color:;
e il numero esadecimale corrispondente al colore, ed è quello che dovresti variare.

Nota, nel modello potresti trovare:
background-color: $mainBgColor;

In questo caso sostituisci $mainBgColor; con il numero esadecimale!!
I CSS possono variare da modello a modello, se hai qualche difficoltà, indicami il modello che usi!

Ho seguito le indicazioni e, capito il meccanismo, ho modificato il template facilmente. Grazie.

Il modello a cui vorrei modificare lo sfondo è quello di Douglas Bowman e purtroppo non ha la funzione per poter cambiare il colore nella sezione layout.
Eventualmente su quale area del css dovrei intervenire per modificare il colore?

Inoltre mi stavo chiedendo un'altra cosa; è possibile aggiungere una colonna al blog (blogger)?
Ti ringrazio in anticipo.

@Fran_ said:

Ho seguito le indicazioni e, capito il meccanismo, ho modificato il template facilmente. Grazie.

Il modello a cui vorrei modificare lo sfondo è quello di Douglas Bowman e purtroppo non ha la funzione per poter cambiare il colore nella sezione layout.
Eventualmente su quale area del css dovrei intervenire per modificare il colore?

Le indicazioni che ti ho dato in precedenza dovrebbero andare bene! Devi solo modificare le variabili che ti ho scritto in rosso.

Inoltre mi stavo chiedendo un'altra cosa; è possibile aggiungere una colonna al blog (blogger)?

Segui questo tutorial:
http://floeste.blogspot.com/2007/04/personalizzare-blogger-aggiungere-una.html

ps. calcola che in queste ore blogger è in aggiornamento... modificando il codice potresti avere degli errori!! Ti conviene aspettare qualche giorno!

@m1979 said:

Le indicazioni che ti ho dato in .......... dovrebbero andare bene! Devi solo modificare le variabili che ti ho scritto in rosso.

Si, le ho lette e ti ringrazio ma non mi riferivo allo sfondo della colonna principale o di quella laterale, impostazioni presenti nella sezione in cui è possibile modificare il layout, ma proprio allo sfondo del blog.
Ad esempio il modello che ho scelto io, il primo Douglas Bowman, quello grigio-azzurro, ha lo sfondo grigio mentre la colonna centrale e quella laterale sono di altri due colori.
Io vorrei cambiare proprio lo sfondo in cui sono inserite le due colonne.

@m1979 said:

Segui questo tutorial:
.....................................

ps. calcola che in queste ore blogger è in aggiornamento... modificando il codice potresti avere degli errori!! Ti conviene aspettare qualche giorno!

Perdona le modifiche al messaggio; ho messo i puntini al posto dei link perchè non posso inserirli sul post.
Grazie mille ; adesso studio il tutorial e poi inizio a modificare il template.
Grazie per la dritta, ho notato alcune disfunzioni negli ultimi giorni.

Volevo chiedere un'altra informazione: mi sono accorta che le colonne del blog sono appiccicate; ovvero sono troppo vicine e questo causa dei problemi nella lettura dei contenuti, quale parte del template devo modificare?
Grazie in anticipo.

A proposito ho seguito il tutorial che mi hai indicato ed ho aggiunto una colonna a lato ed è andato tutto benone.
Grazie.

il modello che ho scelto io, il primo Douglas Bowman, quello grigio-azzurro

Forse il denim, quello è grigio/azzurro!!

Io vorrei cambiare proprio lo sfondo in cui sono inserite le due colonne.

body {
background: $bgColor;

Sostituisci il valore rosso, con il colore che desideri, lo stesso fai su questo codice :):

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;

Il primo codice è relativo al pezzo di sotto, mentre il secondo al pezzo di sopra.

   		Volevo chiedere un'altra informazione: mi sono accorta che le colonne del blog sono appiccicate;

#sidebar-wrapper {
margin-$endSide: 14px;

Per distanziare le colonne, devi inserire un valore più piccolo di 14!!:)

Oltre i template di blogger ce ne sono altri utilizzabili?

@m1979 said:

Forse il denim, quello è grigio/azzurro!!

body {
background: $bgColor;

Sostituisci il valore rosso, con il colore che desideri, lo stesso fai su questo codice :):

#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;

Il primo codice è relativo al pezzo di sotto, mentre il secondo al pezzo di sopra.

Perfetto, grazie.

@m1979 said:

#sidebar-wrapper {
margin-$endSide: 14px;

Per distanziare le colonne, devi inserire un valore più piccolo di 14!!:)

Riguardo al distanziamento delle colonne putroppo non ho trovato i caratteri in questione, ne ho la certezza perchè ho copiato il template su un file word ed ho usato la funzione "trova" ma non è stato individuato nulla.
L'unica parte presente nel template che si avvicina a quella indicata è questa:

#right-sidebar-wrapper {
width: 235px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
#left-sidebar-wrapper {
width: 263px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

ma credo che riguardi prettamente le colonne.
E' possibile che la distanza tra le colonne sia indicata in un altro modo?

Pensandoci mi è venuta in mente una cosa: aumentando lo spazio tra le colonne dovrei aumentare anche le dimensioni complessive del template e dell'header?
Perchè in fondo aumenta lo spazio utilizzato e o viene sottratto alle colonne oppure viene ampliata l'area del template, giusto?
Grazie ancora per le indicazioni.

allora hai un template modificato a 3 colonne!!

allora dopo
#right-sidebar-wrapper {

aggiungi
margin-$endSide: 14px;

poi gioca con il 14 per impostare la distanza desiderata!!
La stessa cosa devi fare con l'altra colonna:

Dopo
#left-sidebar-wrapper {

Aggiungi
margin-$endSide: 14px;

aumentando lo spazio tra le colonne dovrei aumentare anche le dimensioni complessive del template e dell'header?

Dovresti aumentare lo spazio dell'header!!

Grazie.
Sto riuscendo a distanziarle anche se la distanza a parità di valore indicato risulta un po' più sbilanciata da un lato.
Se non ho capito male maggiore è il padding e minore è la distanza tra le colonne giusto?
Non ho specificato che si trattava di un blog "truccato" perchè alcuni messaggi fa mi hai indicato un ottimo tutorial per aggiungere una colonna.

Se non ho capito male maggiore è il padding e minore è la distanza tra le colonne giusto?

Non sono così esperto di css... in genere io procedo a tentatici!!

Non ho specificato che si trattava di un blog "truccato" perchè alcuni messaggi fa mi hai indicato un ottimo tutorial per aggiungere una colonna.

Giusto!! Che testa!!!

Ci sono riuscita!
Adesso è perfetto, grazie.

@Fran_ said:

Ci sono riuscita!
Adesso è perfetto, grazie.

Ottimo!!:D
Complimenti!!