Come cambiare il font il colore e la dimensione del testo in un menu di un blog su Blogger

Per modificare il carattere,la misura del testo ed il colore del link in un menu orizzontale di Blogger realizzato con il gadget “Pagine” oppure direttamente con un widget “Elenco di link” è possibile utilizzare dalla Bacheca di Blogspot in “Design” "Modello" > "Personalizza" dal Designer di modelli il menu “Avanzato” nel quale è disponibile il sottomenu “Testo Schede”.
come cambiare carattere testo menu blog blogger
La sezione “Testo Schede” consente di impostare il font che si desidera utilizzare per il menu scegliendo tra i caratteri 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 menu orizzontale di Blogspot.
Nella stessa finestra troviamo lo strumento per cambiare automaticamente il colore dei nomi scritti nel menu e del colore degli stessi link dopo che sono stati cliccati dal visitatore del blog con le indicazioni sui colori già presenti nel modello ed i suggerimenti sulle tonalità più adatte per essere abbinate,come nel caso del menu d’esempio,illustrato nell’immagine in basso e visibile in Test per blogger

come modificare colore dimensione carattere link menu blogspot 
Tutte le modifiche apportate al menu orizzontale saranno immediatamente visibili nell'anteprima in tempo reale 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 stessa pagina di configurazione.

59 commenti:

occhio sulle espressioni ha detto...

Ciao Fabrizio,
da me "testo schede" non c'è, sempre per la questione del vecchio template.
Mi chiedevo se potessi in qualche modo in rilievo i link, cioè le parole nel post che portano in altre pagine web.
Potrei inserire, che so, la sottolineatura?
Oppure, tu che sei pratico, mi sapresti consigliare un modo per evidenziare queste parole? Spesso i miei visitatori non si accorgono della presenza delle parole link.
Purtroppo non ho neanche l'opzione per cambiare il loro font...
Grazie! :)

roberto syrious ha detto...

per me sei un genio!!!
sto imparando davvero tanto da te!!
mi raccomando non ti scordare di partecipare al mio primo GIVE-AWAY qui:
http://www.syriouslyinfashion.com/2010/11/first-give-away-with-shopalike.html
dillo anche ad i tuoi amici e buona visita nel mio fashion blog.
xoxo

www.syriouslyinfashion.com

Fabrizio Castelli ha detto...

@occhio sulle espessioni
Hai cotrollato se in "Avanzato" è disponibile il sottomenu "Link" oppure nella tua bacheca non è disponibile nessuna funzione del Designer di modelli?
Ciao e grazie per la visita:)
Fabrizio

Fabrizio Castelli ha detto...

@Syrious
Grazie per la visita e per i complimenti:)
Passerò con piacere a visitare il tuo blog!
Ciao:)
Fabrizio

occhio sulle espressioni ha detto...

Da Avanzato posso cambiare solo il colore di link e link già cliccati, non il font purtroppo. Il designer di modelli è molto limitato per il mio vecchio template...

Fabrizio Castelli ha detto...

@occhio sulle espessioni
Poter cambiare il colore è già una ottima soluzione per evidenziare i collegamenti.
Naturalmente per utilizzare in modo completo le nuove funzioni presenti in Blogger la soluzione migliore rimane in ogni caso quella di passare ad uno dei nuovi modelli di Template di Blogger.
Ciao e buona serata!
Fabrizio

occhio sulle espressioni ha detto...

Alla fine sceglierò un cromatismo che appaia di più!
Grazie come sempre!

Fabrizio Castelli ha detto...

@occhio sulle espessioni
Ottimo!
E' un piacere per me poterti essere utile:)
Ciao
Fabrizio

Anonimo ha detto...

Ciao Fabrizio,
prima cosa il tuo blog è utilissimo, davvero una risorsa, e seconda cosa... vorrei un piccolo aiuto da te :) , ho notato che molti blog (blogspot) invece della solita icona di blogspot vicino al browser hanno una propria icona come in questo caso
http://yfrog.com/5cimmaginemsoj
mi sapresti dire come potrei farlo anche io? Per crearla va bene un normale programma di grafica (io ho photopshop)?
Grazie
Ciao
Roberta

Fabrizio Castelli ha detto...

Ciao Roberta,grazie intanto per la visita e per i complimenti:)
Si,puoi creare anche con Photoshop la favicon,verifica se è possibile salvarla direttamente in formato .ICO che è il formato più adatto.
Ti invio anche i link a due post sull'argomento,controlla se ti possono essere utili.
http://appuntiperblogger.blogspot.com/2010/09/come-mettere-favicon-personalizzata.html
http://appuntiperblogger.blogspot.com/2010/09/come-convertire-favicon-ico-le-immagini.html
Ciao e buona serata:)
Fabrizio

Anonimo ha detto...

Grazie Fabrizio, questi link mi saranno davvero molto utili.
Ciao, e buona serata anche a te:)
Roberta

Fabrizio Castelli ha detto...

Sono felice di esserti stato d'aiuto!
Ciao:)
Fabrizio

Tizbertha ha detto...

ciao fabrizio, sto cercando di capire come ridurre il carattere del testo nella colonna di destra. Suggerimenti? io uso il template minima.
grazie
t.

Fabrizio Castelli ha detto...

@Tizbertha
Ciao e grazie intanto per la visita!
Prova ad utilizzare il CSS:

#sidebar {
font-size:10px;
}

Inserendolo dal Designer di modelli seguendo queste indicazioni:
http://appuntiperblogger.blogspot.com/2010/12/come-inserire-css-in-blogger.html
Se dovesse funzionare puoi modificare il valore in pixel (10px) con quello più adatto.
Aspetto notizie!
Ciao:)
Fabrizio

Tizbertha ha detto...

ciao fabrizio, ho fatto come mi hai detto e funzionava! poi ho decisod i cambiare modello e di passare da minima a quello base dei nuovi modelli blogger (simple?) e cosi' non funzionava... non so come ho avuto una ispirazione e ho sostituito il # all'inizio del comando con un punto ... e rifunziona!
grazie infinite
t.

Fabrizio Castelli ha detto...

Benissimo!
Sono contento di esserti stato d'aiuto:)
Ciao:)
Fabrizio

Clara ha detto...

Buongiorno Fabrizio, io ho cambiato il carattere con uno che mi piaceva di più, solo che è cambiato in tutti gli elementi del blog meno che nel testo delle schede, pur avendolo selezionato. Come si fa?

Fabrizio Castelli ha detto...

Ciao Clara,grazie intanto per la visita!
Desideri modificare il carattere utilizzato attualmente in un menu orizzontale o in altri elementi del tuo blog?
Ciao:)
Fabrizio

Stefano Bassi ha detto...

Ciao a tutti
uso il Template simple di blogger
a 3 colonne
vorrei cambiare solo lo sfondo
della colonna centrale (quella dei post)
per differenziarla dallo sfondo delle due side bar
che comando CSS devo mettere?
Grazie

Fabrizio Castelli ha detto...

@beatotrader
Hai quindi già verificato se è possibile modificare questa opzione direttamente dai sottomenu presenti in "Design">"Designer di modelli">"Avanzato"?
Ciao:)
Fabrizio

Stefano Bassi ha detto...

Sì verificato
le impostazioni di simple template via designer sono veramente minimali...

i caratteri sia come dimensioni che come fonts li puoi solo cambiare a tutto il blog

idem per lo sfondo
che si cambia a tutta la parte operativa del blog, sidebar comprese.
Ci vuole un css...

E ci vorrebbe pure un css per il commento sotto il titolo del Blog (nell'header) perchè puoi cambiare solo il colore ma non le dimensioni

ed anche il fascione dell'Header non si può restringere
Insomma senza css non puoi personalizare quasi nulla

Ma non c'è da qualche parte una lista base dei comandi css che si possa copiare ed incollare?

grazie
http://www.ilgrandebluff.info/

Stefano Bassi ha detto...

come non detto
annullo domanda precedente
ce l'ho fatta!

Rimane il grande mistero
nel mio template simple
inserisco un widget recent post in orizzontale senza problemi
ma poi NON SI VEDE NEL BLOG
e sono sicuro sia compatibile con il template
infatti su un altro blog di prova con lo stesso template
la stessa widget si vede benissimo!
ho provato a fare di tutto
a ripulire il codice widget del template
a togliere a amano tutte le altre widget ed inserire solo quella
etc etc etc
ma niente da fare, nel mio blog primario a pari condizioni con quello di prova
la widget recent post orizzontale NON SI VEDE anche se cè

help
grazie

Fabrizio Castelli ha detto...

Benissimo!
Anche in precedenza non ti era possibile visualizzare il widget "Recent post" nel blog?
Ciao
Fabrizio

Fabrizio Castelli ha detto...

@Beatotrader
E' possibile che nel blog principale il gadget non sia visibile per un'interferenza di codice con un altro modulo presente nel blog che non è presente nel blog di prova.
Ciao
Fabrizio

Stefano Bassi ha detto...

ma per modulo intendi widget?
perchè nella prova che ho fatto non c'era nessu widget
nè nel blog di prova
nè in quello principale
c'era solo l'area post e tutto VUOTO
poi ho aggiunto SOLO la widget incriminata....
e niente da fare

grazie

Fabrizio Castelli ha detto...

Controlla eventualmente se ti può essere utile questa funzione:
http://appuntiperblogger.blogspot.com/2010/06/come-ripristinare-le-impostazioni-dei.html
Ciao
Fabrizio

Friarielli and Sound ha detto...

Ciao Fabrizio,
sono 4 gironi che cerco di cambaire il font del post , il mio primo post (sono nuova nel mondo dei blog!) e pur seguendo le istruzioni non cambia. Posso modificare tutto (titolo posto, tittolo blog,) tranne titolo schede!! Ho provato con un altro browser ma niente da fare! Aiuto pleaseeeee!!!!

Fabrizio Castelli ha detto...

Anche con un diverso template si presenta lo stesso problema?
Ciao:)
Fabri

Unknown ha detto...

Ciao Fabrizio! il tuo blog e' stupendoo !
Volevo centrare il menu, ma non riesco !

Fabrizio Castelli ha detto...

Grazie...
Hai cliccato sul tasto "Invio" dopo aver inserito il CSS
Ciao
Fabrizio

cloud ha detto...

Ciao Fabrizio bel blog è davvero utile,ma ho un problema,infatti quando modifico i valori dentro "testo schede" in "Avanzato" non succede nulla al mio menù di sinistra(http://www.surfthenet4fun.com/).Come posso fare?

Fabrizio Castelli ha detto...

Il modulo al quale ti riferisci è posizionato sotto il gadget "Intestazione" oppure è ancora nella colonna laterale del blog?
Ciao
Fabrizio

cloud ha detto...

Ciao Fabrizio,il modulo è posizionato nella colonna sinistra del blog (sotto "Intestazione" non c'è niente)Grazie in anticipo

Fabrizio Castelli ha detto...

Per utilizzare le funzionalità del menu "Schede" dovrai trascinare il gadget (con il tasto sinistro del mouse) sotto il modulo "Intestazione)
Per i gadget nella colonna laterale dovresti trovare i relativi sottomenu.
Ciao
Fabrizio

Rita Baccaro ha detto...

ciao Fabrizio,
al rientro dalle vacanze vorrei cambiare un po' aspetto al mio blog. Ho provato a cambiare il colore dello sfondo sia della sidebar che della scheda orizzonatale dei menu. Purtroppo anche selezionando bianco mi rimane sempre grigio, oppure indicando i colori è evidente che si mescolano con il grigio. Sicuramente dipende dal modello che ho, ossia viaggi perchè vedo che la sidebar è trasparente ma scura, non davvero trasparente, quindi bisogna correggere l'htlm, vero? Spero di essermi spiegata bene e confido nel tuo immancabile aiuto e la tua amicizia. ciao Fabry

Fabrizio Castelli ha detto...

Ciao Rita,
ottima idea:)
Il tuo modello dovrebbe avere un "gradiente" realizzato con un'immagine.
Controlla se riesci ad individuare in alto nel codice HTML questa sezione;
Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
default="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)
Dopo averla individuata potresti provare ad eliminare l'URL http://www.blogblog.com/1kt/travel/bg_black_50.png ed a controllare il risultato senza salvare la modifica e verificare il risultato utilizzando il tasto "Anteprima"
Aspetto notizie...
Ciao:)
Fabri

Rita Baccaro ha detto...

Sei un MITOOOOOOOOOOOOOO!!!
Finalmente! sono giorni che impazzisco... ma poi perchè dico io quando so che ci sei sempre tu!!!!
Sono ancora al mare, ma appena rientro cambio look al mio blog. GRAZIE, Fabri, Ti voglio bene e non perchè mi risolvi prontamente i problemi web, ma perchè sei sempre presente, vicino e un amico su cui si può contare!!!!

Fabrizio Castelli ha detto...

:)
Grazie Rita! Quello che scrivi di me è molto bello e mi fa davvero tanto piacere leggerlo:)
Ciao e ancora grazie a te!
Fabri

metiu ha detto...

Ciao Fabrizio vorrei chiederti come posso cambiare colore al titolo dei gadget su blogger,in modello -avanzato mi dà la possibilità di cambiare sia colore tipo di carattere e grandezza ma nel blog non cambia nulla,ho provato anche con dei css trovati in alcuni blog come il tuo che aiutano a noi comuni mortali,ma il risultato non cambia,hai un consiglio da darmi.Grazie

Fabrizio Castelli ha detto...

@metiu
Se il problema non dovesse essere già superato inviami una mail
castellifabrizio@gmail.com
Ciao e buona giornata!
Fabri

Eleonora ha detto...

Ciao Fabrizio!
Sono giorni che cerco il modo per modificare il colore dei link nei post senza però modificare anche il colore dei titoli di questi.
Hai una soluzione?
Grazie in anticipo

Fabrizio Castelli ha detto...

Ciao Eleonora,
inviami una mail (castellifabrizio@gmail.com) con l'indirizzo del blog per verificare come poter ottenere questo risultato nel tuo blog.
Ciao:)
Fabri

provadlp1 ha detto...

Sempre tutto utilissimo!!! Ma....io ho sempre un ma :D Ma se io volessi modificare solo i font (la grandezza, specialmente) dei gadget "blog che seguo" ? Mi spiego meglio...il titolo del gadget non lo uso piu' perche ho sostituito con piccole immagini etc, ma il font della lista dei blog e' molto piu grande del resto e stona molto, graficamente. Il nome del gadget e' BlogList1...c'e' un comando css da mettere ?
Grazie!!!
Linda

Fabrizio Castelli ha detto...

Ciao Linda,
ti ringrazio intanto per le parole di apprezzamento!
Prova eventualmente con il CSS:
#BlogList1{
font-size: 80%;
}
Ciao e buona domenica!
Fabrizio

provadlp1 ha detto...

nulla, tutto invariato. Ho provato a mettere . invece di # dato che gli altri css iniziano con un punto ma nulla. E' veramente strano,come se fosse un font totalmente diverso dal resto. Grazie lo stesso :)

Fabrizio Castelli ha detto...

Il css che ti indicavo ha il simbolo # perchè è relativo ad un singolo modulo.
Il gadget ha avuto sempre un font di diversa dimensione rispetto agli altri?
Ciao
Fabrizio

provadlp1 ha detto...

Dunque...intanto grazie sempre per l'aiuto! Stamattina ho fatto qualche prova, ho messo 80% come dicevi ieri ma a me sembra invariato. Allora siccome il font mi sembrava anche un piu' "cicciotto" (si lo so,spiegazione molto tecnica!) ho provato, andando secondo logica a mettere anche #BlogList1{
font-weight: normal;
} ed e' diminuito! Sembrava grassetto ed effettivamente lo era. Ora mi chiedo 2 cose: com'e' la stringa per mettere anche il nome del font ? Non so a me sembra piu spigoloso, come se non fosse uguale. Non so com'e' possibile che sia diverso solo in quella parte...ma mi sembra cosi. E due: c'e' un modo per modificare il nome dei vari blog? Per esempio ne ho uno che seguo che ha un titolo di 3 righe e nel blogroll appare per intero, e' possibile lasciare invariato il link a cui quel blog porta ma modificarne il titolo? Il modello che uso e' il "semplice", il primo di tutti,quello base :) Grazie anche per le varie spiegazioni del codice...sai io sono della generazione che ha iniziato ad usare il pc col DOS...al di la di riuscire a fare un blog benfatto mi piace anche capire cosa sto facendo, e tu me ne dai sempre la possibilita'! :)

provadlp1 ha detto...

ok come non detto, ce l'ho fatta!
Sempre facendo qualche prova ho scritto #BlogList1{
font:16px Josefin Slab;
} che sarebbe il mio font ma niente...poi avendo letto non mi ricordo dove #BlogList2 l'ho corretto cosi'...e ora e' perfetto. Boh :) L'id del widget e' bloglist1 e non 2...non capisco ma funziona :)

Fabrizio Castelli ha detto...

Benissimo! Sono felice di esserti stato d'aiuto.
Ciao e buon pomeriggio
Fabrizio

Unknown ha detto...

CIao! nel mio blog voglio cambiare il font delle etichette ma quando faccio applica poi non lo cambia.
http://emozioni-in-font.blogspot.it/

Ta.Ta. Unconventional Design For Kids ha detto...

Questo cambio però agisce sui post futuri, ma come cambio anche il font di quelli vecchi già pubblicati? non me li cambia!!!!!!!!!!

Fabrizio Castelli ha detto...

Ciao Ta.Ta. Unconventional Design For Kids
se nei post precedenti non avevi personalizzato il font direttamente nell'editor, la modifica dovrebbe riguardare anche i post precedenti.
Ciao
Fabrizio

Fabrizio Castelli ha detto...

Ciao Viviana Calabria,
dal Designer di Modelli ti è comunque possibile apportare altre modifiche al blog?
Ciao
Fabrizio

Unknown ha detto...

Posso modificare tutto e fino a ieri pomeriggio anche il testo schede. Poi ha smesso di funzionare. Ora il font dell'etichetta cambia insieme al font dei titoli dei gadget

Fabrizio Castelli ha detto...

In contemporanea con l'inizio del problema avevi aggiunto nuovi CSS?
Ciao
Fabrizio

Unknown ha detto...

nono nulla

Fabrizio Castelli ha detto...

In questo caso potrebbe dipendere dalla struttura del tuo specifico template.
Ciao
Fabrizio

L'agritrullismo degli Imperiali ha detto...

Ciao,trovo interessantissimo il tuo blog. Vorrei capire se fosse possibile cambiare il font del titolo della versione mobile. Non so come mai ma è totalmente diverso dalla versione desktop. Anche lo sfondo ha l immagine del template predefinito e non saprei come cambiarla. Grazie

Fabrizio Castelli ha detto...

Ciao e grazie intanto per i complimenti!
Purtroppo non è possibile modificare il font della versione mobile e servirebbero interventi direttamente nel codice del template (es. https://support.pipdig.co/articles/blogger-doesnt-font-ive-chosen-work-mobiles/)
Ciao e buon fine settimana!
Fabrizio