mercoledì 7 aprile 2010

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;
}

 

caricare immagine template blogger

 

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.

8 commenti:

Crème Brulée ha detto...

Ciao! ho scoperto solo ora questo blog e ti faccio subito i complimenti!!

volevo chiederti se esiste un modo per inserire l'immagine dietro il titolo e la descrizione.
So che esiste la possibilità prevista da blogger, ma io vorrei centrare l'immagine, inserirla a lato del titolo o sopra a questo, in modo tale che non mi si sovrapponga completamente al titolo e la descrizione ..e non lo so fare!! :)

fabrizio castelli ha detto...

Ciao e grazie intanto per la visita e per i complimenti!
Non c'è al momento un modo automatico per centrare l'immagine nell'impostazione nel gadget "Intestazione";in base alle prove fatte dovrai modificare o ridimensionare l'immagine in pixel ad esempio utilizzando un software per immagini o foto oppure strumenti online come:
http://appuntiperblogger.blogspot.com/2010/05/come-ridimensionare-immagini-online.html
in modo da visualizzarla nel modo più vicino possibile ai tuoi desideri.
Ciao e buon pomeriggio:)
Fabrizio

Pixia61 ha detto...

ho fatto una prova e funziona :) ....ma l'immagine dello sfondo comincia da circa metà pagina e non copre tutto :( ..forse ho sbagliato le dimenzioni?

Grazie!!

Pixia61 ha detto...

Ari ciao Fabry !!
sono riuscita a caricare l'immagine di sfondo.....ma ora mi accorgo che o non è centrata...o è affiancata e quindi non centrata ...c'è qualcosa da poeter fare nel codice per aggiustare il tutto?

SMUAKK!! :)

fabrizio castelli ha detto...

Hai già controllato se è possibile utilizzare queste opzioni
http://blogetemplate.blogspot.com/2010/09/come-impostare-la-posizione-e-lo.html ?
Ciao e buon fine settimana:)
Fabrizio

Pixia61 ha detto...

Grazie mille Fabry!! ...ora provo e poi ti faccio sapere!!

SSMMUUAAKK! :)

Pixia61 ha detto...

...me sa che l'immagine è troppo grande :( ....a parte che ho dovuto cambiare modello .....eppure le misure sono quelle suggerite da blogger.

:(

fabrizio castelli ha detto...

Hai quindi già provato con un'immagine ridimensionata?
Ciao:)
Fabrizio

Related Posts with Thumbnails
 
Copyright © 2008 - 2015 Prove di blogger by Fabrizio Castelli. All rights reserved.