Come inserire con il Designer di Modelli di Blogger un’immagine come sfondo del blog

Per personalizzare il template di Blogger ed aggiungere una foto oppure un’immagine diversa da quelle già disponibili,divise per categoria,tra le opzioni per lo sfondo del Designer di Modelli è possibile utilizzare un’altra funzionalità del Designer di Modelli di Blogspot che permette di aggiungere stili personalizzati CSS al modello di template scelto.Dal menu visibile a sinistra nel generatore di modelli dopo aver selezionato “AVANZATO” tra gli elementi che è possibile personalizzare in fondo alla pagina troviamo “Aggiungi CSS;Per aggiungere l’immagine o la fotografia preferita scelta per diventare lo sfondo del blog e renderlo in questo modo ancora più originale e personale bisogna inserire nella finestra alla destra di “Aggiungi CSS questo codice.

 

.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png);
}
.body-fauxcolumn-outer div {
background: none;
}

 

Nel codice la parte in rosso http://www.example.com/image.png andrà sostituita con l’URL online dell’immagine,l’immagine infatti per poter essere visibile e diventare lo sfondo del template deve essere sul web utilizzando un servizio di hosting gratuito come quello di TinyPic che fornisca l’URL diretto all’immagine.

Prima di salvare il codice può essere necessario modificare la formattazione così:

 

.body-fauxcolumn-outer { background: url(http://www.example.com/image.png);
}
.body-fauxcolumn-outer div {
background: none;
}

 

 

A questo punto  dopo aver cliccato su “Applica al blog” lo sfondo del blog su Blogspot sarà sostituito dalla foto scelta;per chi volesse eventualmente cambiare successivamente l’immagine sarà sufficiente tornare nella finestra “Aggiungi CSS” del Designer di Modelli di Blogger e sostituire l’URL online con quella della nuova foto scelta come background del blog su Blogger,naturalmente questo strumento integrato nel Designer di template è utilizzabile per inserire altri comandi come quello che permette di centrare il titolo del blog e tutti quelli che è possibile inserire direttamente con la personalizzazione di stili CSS.