Come modificare la dimensione ed il colore del carattere del post con il Designer di Modelli di Blogger

Per cambiare il font utilizzato per scrivere il post in un blog di Blogspot e scegliere la dimensione preferita,il colore più adatto e lo sfondo della pagina del post è possibile utilizzare il Designer di Modelli di Blogger raggiungibile dalla Bacheca dopo aver selezionato il link “Design” sotto al titolo del post.

come cambiare carattere colore dimensione post blogger
Nel menu verticale “Avanzato” del Designer di Template di Blogger è disponibile infatti il sottomenu “Pagina” o “Testo pagina” per impostare il font che si desidera utilizzare per la scrittura dei post scegliendo tra quelli disponibili nella finestra di selezione. Possiamo anche scegliere di mettere il grassetto ed il corsivo e selezionare la misura in pixel del carattere da visualizzare nel post.
Nella stessa finestra troviamo lo strumento per cambiare automaticamente il colore del testo e lo sfondo della pagina con le indicazioni sui colori già presenti nel modello ed i suggerimenti sulle tonalità abbinabili,ma è anche possibile scegliere di aggiungere nuovi colori,per il carattere e lo sfondo della pagina del blog di Blogger,inserendo direttamente il codice o utilizzando lo strumento di selezione colori.

come cambiare colore testo sfondo blogger
Tutte le modifiche apportate in questa sezione sono immediatamente visibili in anteprima direttamente in basso nella stessa pagina del Designer di Modelli di Blogger e saranno applicate al blog di Blogspot solo dopo aver cliccato su “Applica al blog” nell’angolo in alto a destra nella pagina.


71 commenti:

6nervoso ha detto...

Ciao,sto cambiando template e nel blog di prova ho scaricato il template Thisaway.Tra le varie modifiche che dovevo apportare,volevo cambiare il colore del testo del post.Ho seguito le tue istruzioni,ma come mi ero reso conto anche in precedenza a colore testo mi concede di variare colore solo a quello della sidebar,mentre quello del post rimane "bloccato".
puoi aiutarmi?
Grazie

Fabrizio Castelli ha detto...

Ciao e grazie per la visita!
Se non riesci a modificare il colore del testo dal Designer ma riesci ad individuare il codice del colore attuale potresti sostituirlo con un altro direttamente nella finestra HTML del blog in "Design">"Modifica post" dopo aver individuato la sezione relativa ai comandi ed alle impostazioni del post.
Ciao e buona serata!
Fabrizio

-Iris- ha detto...

Ciao!! Premetto dicendo che sei geniale, e ti ringrazio davvero per la disponibilità...
Scusa l'ignoranza, ma non riesco proprio a capire come faccio ad usare dei caratteri che non siano quei pochi predefiniti nel post... non parlo del titolo del post, ma proprio del contenuto del post quando vai a creare un nuovo post!! Ci sono quei sette caratteri e non riesco proprio a capire come usarne altri!! Lo so, la mia domanda sarà banale, ma dovevo chiedertelo perché sono sul punto di impazzire!!
Grazie!!
Iris

Fabrizio Castelli ha detto...

Ciao Iris,
controlla intanto se ti possono essere utili queste indicazioni:
http://provediblogger.blogspot.com/2010/11/come-cambiare-carattere-nel-testo-di-un.html
Aspetto notizie!
Ciao:)
Fabrizio

-Iris- ha detto...

Grazie mille!!
Finalmente ho capito come fare, ci sono riuscita :)
Grazie ancora per la disponibilità!!
Ciaooo :)

Fabrizio Castelli ha detto...

Ottimo Iris!
Sono contento di esserti stato utile!
Ciao:)
Fabrizio

Lili ha detto...

sei un fenomeno! mi sei stato di un grande aiuto. grazieeee

Fabrizio Castelli ha detto...

Ciao Lili,
sono felice di esserti stato d'aiuto!
Grazie a te,sei molto gentile:)
Ciao e buon pomeriggio
Fabrizio

Admin ha detto...

Ciao Fabrizio, è possibile modificare anche i colore del testo di un blog su di un template scaricato non di quelli presenti su blogspot?
Se si , come fare?
Grazie

Fabrizio Castelli ha detto...

@Admin
Se non è prevista l'opzione diretta,è possibile applicare la modifica con un CSS o direttamente con la modifica nel codice HTML del blog.
Ciao e grazie per la visita!
Fabrizio

Admin ha detto...

Grazie Fabrizio proverò con il codice html

Fabrizio Castelli ha detto...

Bene!
Allora aspetto notizie.
Ciao e buona domenica!
Fabrizio

Naima ha detto...

ciao fabrizio!

perdona l'ennesima richiesta, ma ho cambiato da poco il template del blog ed il carattere dei post è diverso da quello che avevo in precedenza (provato con browsers diversi).

il problema è che, cambiandolo dal designer modelli (pagina), mi viene modificato solo il carattere relativo al titolo di linkwithin, dei commenti e delle etichette, ma non quello del corpo reale del post.

c'è un css o un codice html da poter usare per correggere il carattere o devo per forza prendere i post uno ad uno e modificarli?

grazie e...buona notte!

Fabrizio Castelli ha detto...

Ciao Naima,
hai già controllato se nel menu avanzato del tuo template è presente un'altra voce relativa al post?
Fammi sapere anche a quale template ti riferisci.
Ciao e buonanotte anche a te:)
Fabri

Naima ha detto...

buongiorno, caro il mio guru!

sto usando il "fantastico spa" (awesome inc) e, nel menu avanzato, non ho trovato niente di specifico sul post (oltre al titolo o allo sfondo).

oltre a questo (ma è un'altra storia), mi sono accorta che, usando questo modello, i caratteri dell'header e dei titoli dei widget a volte vengono falsati una volta che sono connessa, ma non succede se lo visualizzo da "utente esterno" (e succede con qualunque browser).

sei sulla buona strada per la beatificazione...

Naima ha detto...

ciao fabri!

non so se ti sia arrivato il mio ultimo commento...

in ogni caso, sto usando il fantastico spa (awesome inc) e non c'è nulla nel menu avanzato relativo al testo del post.

oltre a questo, volevo segnalarti che, usando il carattere "gruppo" per i titoli (sia del post che dei widget), la visualizzazione cambia sia con browser diversi che con lo stesso browser (nel momento in cui mi connetto).

riesci a fare il miracolo, guru?

Unknown ha detto...

gran bel blog, ho letto il tuo articolo, sto provando a eliminare il grigio dal content wrapper del mio blog blogger, http://eventiatmilano.blogspot.it/.
Ho provato dalla pagina di personalizzazione del modello, ma non riesco a ottenere quello che voglio, ossia sostituire il grigio col bianco.
Grazie mille!
P.

Giada Pappalardo ha detto...

ciao ho un probelma modifico il colore in rosso ma alla fine mi spunta sempre viola e i link tutti blu!perchè?grazie

Fabrizio Castelli ha detto...

Ciao Giada,
Dal "Designer di modelli" quale colore haai impostato per i link già visitati?
Ciao
Fabri

sbondo ha detto...

Ciao, ho capito come cambiare il titolo del post, il problema è che quando vai all'articolo il titolo cambia nuovamente. Come si fa ad impostarlo come per la home page? Guarda un esempio:
http://www.testimusica.com/2013/01/justin-timberlake-suit-tie-traduzione-testo-video-ufficiale.html

E guarda la home page testimusica.com.

Grazie

sbondo ha detto...

Ciao, come si fa a cambiare il titolo del post? Non intendo in home page, ma proprio nel link permanente. Esempio: testimusica.com il titolo è cambiato ma in un url tipo questa no http://www.testimusica.com/2013/01/justin-timberlake-suit-tie-traduzione-testo-video-ufficiale.html. Saluti

Fabrizio Castelli ha detto...

Ciao Sbondo,
riscontri il problema in tutti i singoli post del blog?
Ciao
Fabrizio

sbondo ha detto...

Purtroppo si... Ps: ricordi della sitemap che non si autoaggiorna? Il problema persiste e nel forum che mi hai succegito non ha risposto nessuno...

Fabrizio Castelli ha detto...

Indicami l'indirizzo del tuo blog per verificare il problema che riscontri.
Ciao
Fabrizio

sbondo ha detto...

Ciao, il blog è sempre quello, testimusica.com, ma ho lo stesso problema con campioniomaggio.info

sbondo ha detto...

L'indirizzo è quello: testimusica.com. Grazie.

Fabrizio Castelli ha detto...

Riscontri il problema anche con un diverso template?
Ciao
Fabrizio

sbondo ha detto...

Si, ne provai anche un'altro. Le dimensioni dei caratteri restavano invariate, ma il colore diventava grigio. Comunque quel template non vorrei proprio cambiarlo, me gusta proprio eccetto questo problemino e i "post più letti" che visualizza anche i puntini accanto alle immagini, cosa che con altri temi non avviene. Saluti

Fabrizio Castelli ha detto...

Hai già provato ad allargare leggermente, dal Designer di modelli, la dimensione delle colonne?
Ciao
Fabrizio

sbondo ha detto...

Ciao, cosa c'entra allargare le colonne e la dimensione del template? Comunque si, le dimensioni sono personalizzate...

Fabrizio Castelli ha detto...

Ciao sbondo,a volte i problemi di visualizzazione possono essere causati da interferenze HTML tra le diverse sezioni facenti parte della struttura del blog, naturalmente quella indicata può essere considerata solo una delle diverse ipotesi da valutare.
Ciao
Fabrizio

sbondo ha detto...

Guarda ho provato anche a mettere il layout che usi in http://www.comefareblog.com/

ma resta sempre piccolo il titolo nel link permanente.

Abbiamo lo stesso modello...

Come potrei fare? Ho lo stesso problema in un altro blog, sul quale faccio uso dello stesso template ovvero il Travel.

Fabrizio Castelli ha detto...

Sì,il problema non dovrebbe dipendere dal tamplate ma, come ti indicavo in un precedente intervento da un'interferenza tra elementi HTML presenti nel blog, fammi sapere se generalmente inserisci con copia incolla il contenuto dei tuoi post e se hai già provato ad utilizzare questa funzionalità:
http://www.comefareblog.com/2012/11/come-ripristinare-in-blogger-le.html
Ciao
Fabrizio

sbondo ha detto...

Ciao ascolta...

Ho appena messo il template "travel" su un blog non online, ho fatto un articolo, ma il problema c'è in partenza. Ho messo il travel standard, senza modificare proprio nulla, ma il problema c'è da subito. Cliccando sul titolo del post di prova il titolo diventa più piccolo e grigio....

Fabrizio Castelli ha detto...

In un blog di prova riscontri il problema solo con il modello "Travel"?
Ciao
Fabrizio

sbondo ha detto...

Ho provato tutti i template:

Fantastico: no nel senso che il titolo del post resta uguale a quello della home.
Semplice: grandezza immutata ma cambia colore rispetto ad home page.
finestra immagine: grandezza immutata ma cambia colore rispetto ad home page
Filigrana: grandezza immutata ma cambia colore
Etereo no nel senso che il titolo del post resta uguale a quello della home.

Fabrizio Castelli ha detto...

Hai provato nel blog di prova o nel blog principale?
Ciao
Fabrizio

sbondo ha detto...

In sito di prova. Ciao

Fabrizio Castelli ha detto...

Se il problema lo riscontri solo con il modello Travel (il cambio di colore dei link dovrebbe dipendere dal colore impostato per i link già visitati) prova ad inserire tramite la procedura per inserire CSS:
http://appuntiperblogger.blogspot.it/2010/12/come-inserire-css-in-blogger.html
il seguente CSS:

h3.post-title {
margin-top: 20px;
font: $(post.title.font);
color: $(post.title.text.color);
}

sbondo ha detto...

Scrivendo in css una cosa di questo tipo, vedo alcuni effetti:
h3.post-title{
color:#d84938;
font-size: 20px;
margin: .75em 0 0;
}

La domanda è: ome inserisco il Times Ner Roman come font e comunque è corretto l'esempio di cui sopra? Magari non è scritto correttamente...

Fabrizio Castelli ha detto...

Se tutti gli altri elementi erano corretti prova ad inserire il CSS in questa forma:

h3.post-title {
font-size:24px;
font-family:Times New Roman;
color:#d84938;
margin: .75em 0 0;}

sabrina sisto ha detto...

Sono riuscita a modificare il font con l'aiuto delle tue indicazioni (grazie!) ma dopo aver applicato la modifica, risultano effettivamente cambiate solo le prime cinque righe del post, così ho fatto marcia indietro. Da cosa può dipendere?

Fabrizio Castelli ha detto...

Ciao Sabrina,
riscontri il problema in tutti i post?
Ciao
Fabri

Unknown ha detto...

Ciao,
mentre creavo un post nel blog ho per sbaglio messo lo sfondo del testo bianco come faccio a metterlo di nuovo trasparente?
Grazie!

Unknown ha detto...

Ciao,
ho creato un post nel mio blog e per sbaglio ho messo come sfondo testo il colore bianco come faccio a mettere di nuovo trasparente?
GRAZIE PER L'AIUTO!!

Fabrizio Castelli ha detto...

Ciao Maria,
avevi impostato lo sfondo dal menu "Avanzato" del "Designer di modelli"?
Ciao
Fabrizio

Unknown ha detto...

Ciao!
Innanzitutto grazie per i tuoi utilissimi consiglia...io però avrei un problemino:ho modificato il carattere, ma tutti i vecchi post pubblicati fino a oggi mantengono il precedente n tipo di carattere... Esiste un modo per modificarli TUTTI insieme?
Grazie in anticipo!

Fabrizio Castelli ha detto...

@Sweety
Sono felice che tu abbia apprezzato i contenuti del blog, grazie a te!
Se hai applicato la modifica dal Designer di modelli, il nuovo carattere si dovrebbe visualizzare anche nei post precedenti; hai già verificato con un diverso browser o dopo aver cancellato la cronologia del browser che stai utilizzando?
Ciao
Fabrizio

danilo battistelli ha detto...

Ciao Fabrizio, ti chiedevo una cosa .... praticamente quando pubblico l'immagine per il titolo del blog, da sfondo bianco mi diventa a sfondo grigio .... per quale motivo ?? .... il bianco è bianco al 100 % l'ho verificato in photoshop ... come posso fare per farlo rimanere bianco ?? .... grazie mille !!......

Fabrizio Castelli ha detto...

Ciao Danilo,
nell'account con il quale gestisci il blog sei collegato anche a Google+?
Ciao
Fabrizio

Unknown ha detto...

Ciao!
Ho un bel problema..
Non mi fa cambiare nulla, il colore del testo, il carattere, nulla...
Prima mi faceva cambiare tutto, adesso no..

Fabrizio Castelli ha detto...

Ciao Sofia
in precedenza da "Modello" avevi disattivato la versione per cellulari del template?
Ciao e buona serata
Fabrizio

lucreziagermini ha detto...

Ciao Fabrizio,
non riesco -banalmente- a cambiare i colori del mio blog, e nemmeno il font che ho scelto ormai mesi fa.
Probabile che io abbia toccato l'html ma l'ultima volta che ho fatto un restyling è stato un anno fa quindi non ricordo cosa ho fatto.
Dalle impostazioni base (modello-personalizza-etc..) ho selezionato i colori nuovi ed il font nuovo, ma non appaiono comunque sul blog.
Altro problema, ho usato google font per provare a caricare 3 font nuovi, ho seguito le istruzioni ma poi non me li da nella scelta.
che faccio?!
grazie!

Fabrizio Castelli ha detto...

Ciao Lucrezia
prima di riscontrare il problema avevi disattivato da "Modello" la versione specifica del template per cellulari?
Ciao
Fabrizio

lucreziagermini ha detto...

Ciao Fabrizio,
innanzitutto grazie mille per avermi risposto.
Sì avevi ragione, avevo disattivato la versione per cellulari, quindi l'ho riattivata ma persiste lo stesso problema.
Non riesco a cambiare né colori né font e infatti nella schermata di anteprima non succede niente.
Che fare?! :(

Fabrizio Castelli ha detto...

Ciao Lucrezia, purtroppo dopo averlo disattivato per riattivare le funzionalità del Designer di modelli, sarebbe necessario (dopo essere passati temporaneamente ad un diverso modello) ripartire dalla versione del template senza personalizzazioni.
Ciao
Fabrizio

lucreziagermini ha detto...

No oddio, praticamente se cancello le impostazioni, sparisce tutto? widget, immagini, facebook, etc etc..?
possibile che io non possa cambiare i colori del blog con html?
Help!!

Fabrizio Castelli ha detto...

Ciao Lucrezia,
ripartire da una versione base del template eliminerebbe tutte le modifiche aggiunte direttamente dal codice HTML in passato e le personalizzazioni attualmente presenti inserite dal Designer di modelli (prima del blocco causato dalla disattivazione del modello per cellulare)
Naturalmente la soluzione più pratica è quella di modificare i i colori direttamente dal codice HTML.
Ciao
Fabrizio

Massy Biagio ha detto...

Ho trovato un bel template responsive per Blogger, ma non mi riesce di cambiargli la grandezza dei caratteri ( troppo piccolini a mio avviso) qualche idea?

Fabrizio Castelli ha detto...

Ciao Massy Biagio
controlla intanto se per modificare le dimensioni del font nel tuo modello ti può essere utile il CSS:

.post-body {
font-size: 120%!important;
}

Dovrai inserire il css utilizzando la procedura per aggiungere CSS in Blogger
http://appuntiperblogger.blogspot.it/2010/12/come-inserire-css-in-blogger.html
(Se dovesse funzionare potrai modificare il valore indicato in percentuale)
Ciao e tanti auguri di Buone Feste!
Fabrizio

Anonimo ha detto...

ciao fabri vorrei sapere come posso mettere il colore rosso negli indirizzi che incollo nel mio blog prima me lo ha fatto ora è sparito è di color bianco e non so dove sbattere la testa...grazie

Fabrizio Castelli ha detto...

Ciao GHIS. MEI
hai già provato da "Modello">"Personalizza" nel menu "Avanzato" in "Link"?
Ciao
FaBRIZIO

Martina ha detto...

Ciao,scusa avrei un problema con il mio blog.
quando scrivo sulla pagina di testo imposto un carattere e una dimensione,invece nell'anteprima vedo tutto minuscolo.

Grazie in anticipo

Fabrizio Castelli ha detto...

Ciao Martina,
il carattere che trovi nell'anteprima è lo stesso che visualizzi anche dopo la pubblicazione del post?
Ciao e buona giornata
Fabrizio

Federico ha detto...

Ciao Fabrizio,
anche io ho lo stesso problema di Martina.
Quando scrivo su una pagina statica (attraverso il comune gadget "pagine", non un post) il font che seleziono, ad esempio "grande", non tiene conto della formattazione e quando pubblico o vedo semplicemente l'anteprima il testo è sballato, a tratti piccolissimo a tratti grande.
Ti mando una pagina del mio blog come esempio: http://polverediargento.blogspot.it/p/voigtlander.html

Mi puoi aiutare? Grazie mille!!

Fabrizio Castelli ha detto...

Salve Federico,
il testo presente nella pagina viene da te scritto direttamente nell'editor di Blogger o inserito con il copia incolla da altri editor (es. Word)?
Saluti
Fabrizio

Federico ha detto...

Grazie per la risposta. Il testo sulle mie pagine è stato scritto direttamente sull'editor Blogger, senza programmi di intermediazione!

Fabrizio Castelli ha detto...

Ok, prova allora a copiare ed incollare adesso l'intero testo della pagina in un file del programma Blocconote di Windows (per rimuovere tutte le formattazioni) e poi da lì copialo nuovamente nel corpo della pagina sostituendo interamente l'attuale testo della pagina.
Saluti
Fabrizio

Federico ha detto...

Proverò! Di nuovo grazie

Lady Bella ha detto...

Ciao Fabrizio si puo' cambiare il colore di sfondo delle due sidebar laterali?Grazie

Fabrizio Castelli ha detto...

Ciao,
direttamente dalle impostazioni di Blogger non è possibile cambiare lo sfondo delle sidebar; per effettuare la modifica sì dovrebbe individuare,in base al template utilizzato, il CSS adatto.
Buona giornata
Fabrizio