Fogli di stile utilizzati per stile pagine Web, consentono di aggiungere sfondi colorati per immagini pubblicate nei tuoi post di Blogger. Non è necessario comprendere il funzionamento dei CSS per farlo. Google ha creato un'interfaccia utente che consente agli utenti di Blogger visualizzare e aggiornare il codice HTML che genera i loro blog. Basta aggiungere una stringa di testo breve per il codice che definisce un'immagine per dare un colore di sfondo che riflette lo stato d'animo del blog.

Istruzioni

1

Aprire il browser e passare a Blogspot.com. Accedi al tuo account se non sei già loggato. Viene visualizzata la pagina Dashboard.

2

Individuare il blog che si desidera modificare e fare clic sul collegamento "Modifica post" si trova sotto il nome del blog. Viene visualizzato un elenco dei post del blog su una nuova pagina Web.

3

Fare clic sul pulsante "Modifica" accanto a un post che contiene un'immagine. La pagina modificare Post si apre e viene visualizzata una finestra di editing. Fare clic sulla scheda "Componi" nell'angolo superiore destro della finestra. Il testo e le immagini che compongono il tuo post vengono visualizzati nella casella.

4

Fare clic sulla scheda "HTML". La casella Visualizza il codice HTML utilizzato per creare il post. Questo codice contiene uno o più tag "img". Ogni tag definisce una delle immagini nel tuo post del blog. Un tipico img tag viene visualizzato come illustrato di seguito:

< img / >

La stringa che appare dopo la parola "src" è l'URL dell'immagine che appare nel tuo blog. Modificando questo tag img, è possibile aggiungere uno sfondo per l'immagine.

5

Trovare il tag img per l'immagine che si desidera modificare e incollare il testo seguente prima della parola "src" nel tag img:

Style = "padding: 40px; background-color: Green; "

Il valore di "Verde" imposta il colore di sfondo. L'attributo padding, con un valore di "40px" in questo esempio, determina la dimensione dello sfondo. Questo valore è espresso in pixel. Se è stato incollato la stringa dopo la parola "src" per il tag "img" nell'esempio precedente, il tag img risultante apparirà come mostrato di seguito:

< img style = "padding: 40px; background-color: Green; "/ >

Assicurarsi di includere almeno uno spazio prima della parola "src".

6

Fare clic sul pulsante "Anteprima" sotto la casella di modifica per visualizzare in anteprima il blog. Sfondo verde apparirà dietro l'immagine. Tornare alla casella di modifica e fare clic su "Pubblica" per pubblicare le modifiche. Aggiungere sfondi ad altre immagini in altri post, se necessario utilizzando la procedura.

Consigli & Avvertenze

• Cambiare il colore "Verde" a un altro colore, se ti piace la definizione di tag img. Il linguaggio HTML definisce un insieme di colori che browser riconoscono. Siti Web come W3Schools.com hanno liste di nomi di colori che è possibile utilizzare.
• Per rimuovere uno sfondo, tornare al codice HTML ed eliminare il testo che hai aggiunto al tag img.