REDAZIONE

Non tutti i template di MyBlog hanno di default la possibilità di inserire una sola colonna laterale larga 300 px. Questo costringe a utilizzare un template diverso da quello preferito oppure ad abbandonare l’ipotesi di cambiamento precludendosi la possibilità di inserire widget o banner pubblicitari larghi 300px.

Non demordete! Perché con questo tutorial vi veniamo in soccorso  mostrandovi come trasformare una colonna “mini” in una colonna “large” da 300px, permettendovi in questo modo di inserire anche i Virgilio Banner senza dover obbligatoriamente attivare un template in formato “large”.

Come esempio utilizziamo il template: Puzzle.

Applichiamo l’interfaccia con una sola colonna laterale a sinistra.

Di questo template non esiste una versione “large”, quindi avremo una colonna larga meno di 300px.

Per effettuare la modifica:

1. andiamo nel pannello di gestione del blog;
2. entriamo nella sezione “Presentazione > Opzioni avanzate”;
3. clicchiamo sul link “Modifica modello” del Foglio di stile.

In questo modo andremo a modificare nel codice CSS le dimensioni della colonna laterale.
Nel nostro esempio abbiamo scelto di inserire una colonna a sinistra, quindi nel Foglio di stile scriviamo:

   #left {
   width: 326px;
   }
   
   .boxcontent-decorator1 {
   width: 256px;
   }   

Se invece avete inserito una colonna a destra dovrete scrivere:

   #right {
   width: 326px;
   }
   
   .boxcontent-decorator1 {
   width: 256px;
   }   

Se salviamo le modifiche dopo questa azione vedremo apparire nel Blog due problemi:

1. la parte centrale che contiene i nostri post si è spostata sotto la colonna laterale;
2. la data dei post si è spostata a destra rispetto la sua posizione originale, apparendo all’esterno dello spazio dedicato ai post.

Quindi, per “aggiustare” il template, aggiungiamo questi due elementi nel Foglio di stile:

   #center {
   width: 494px;
   }
   
   .content h2.date {
   margin: 0px 0px 0px 300px;
   }   

Salviamo le modifiche e da questo momento avremo nel nostro Blog una colonna che potrà contenere elementi larghi 300 px!

Esempio: