Pagina aggiornata... Lunedì, 30 ottobre 2023 * Tempo di caricamento 0.67 secondi
Link navigazione : Home telaioHome ~ Template ~ Blogger_tutorial » Modificare font colori

..:: Blogger tutorial - Personalizzare font e colori ::..

Personalizzare i blog Blogger è molto semplice, la piattaforma mette a disposizione
un tool che permette di modificare come si preferisce tutte le parti che lo compongono,
servirà solo un po' di pazienza perché occorrerà intervenire con gli stessi parametri
su più "blocchi" per personalizzare gli sfondi, il colore del testo e il font

Elenco dei blocchi e delle relative modifiche che si possono fare

Testo pagina    |    Carattere (font) - Colore
Sfondi    |    Sfondo esterno - Sfondo principale - Sfondo intestazione
Link    |    Colore link - Colore link visitati - Colore link al passaggio del mouse
Titolo blog    |    Carattere (font) - Colore testo
Descrizione blog    |    Carattere (font) - Colore testo
Testo schede *    |    Carattere (font) - Colore testo - Colore selezionato
Sfondo schede *    |    Colore sfondo - Colore selezionato
Titolo post    |    Carattere (font)
Intestazione data    |    Colore testo - Colore sfondo - Carattere (font)
Piè di pagina post    |    Colore testo - Colore sfondo - Colore ombreggiatura
Gadget    |    Carattere (font) titolo - Colore titolo - Colore alternativo
Immagini    |    Colore sfondo - Colore del bordo - Colore testo didascalia
Colori-accenti    |    Colore linea di separazione - Colore del bordo delle schede *
Colori pulsanti dispositivi mobile
Aggiungi CSS    |    Si possono aggiungere dei parametri di style per modifiche specifiche,
ad esempio centrare l'immagine logo

Sono parecchi blocchi ma semplici da gestire, per ogni parte personalizzabile c'è
l'apposito box e quando si apre un menu per uno dei blocchi si visualizza sull'anteprima del blog
a cosa si riferisce, (nella stessa pagina, a destra del tool) ho evidenziato solo "schede *"
perché è un menu a barra posto sotto l'intestazione e non è presente di default nei blog

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli




Nei Blogger Kit trovate un file "Istruzioni" in cui sono riportati i colori, con il codice esadecimale
necessario nel tool, per il testo pagina, sfondi, link, colori accenti, e piè di pagina, affinché siano abbinati
alla grafica, ovviamente potete personalizzare secondo i vostri gusti ma almeno per gli sfondi
vi suggerisco di utilizzare i codici dei colori consigliati.

Vediamo come procedere...

Clicchiamo su "Design" per accedere al pannello poi su "PERSONALIZZA" e in fondo
(scroll nel box) sulla sinistra della pagina che si visualizzerà apriamo il menu "Avanzate"
iniziamo con il primo blocco, il testo pagina:



Clicchiamo sul triangolino per aprire il menu e sarà possibile scegliere quale tipo di font utilizzare,
si possono fare delle prove cliccando su un font e vedere se ci piace nell'anteprima del blog

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Scelto il font sistemiamo la misura affinché sia leggibile, basterà modificare il valore (di default 12px)
accanto ai bottoni per averlo in grassetto o in corsivo che ovviamente potete selezionare se vi piace.

Passiamo al colore, è possibile scegliere tra alcuni abbinati al tema Blogger caricato o aggiungere
quello che ci piace e che sarà armonizzato alle modifiche fatte, clicchiamo su "AGGIUNGI"
si aprirà un piccolo box, incolliamo il codice esadecimale del colore consigliato nel file Istruzioni
o un colore che preferiamo utilizzare e clicchiamo su "SALVA" e uno l'abbiamo fatto!

* Cliccate sull'immagine per ingrandire e vedere maggiori dettagli



Procedete nello stesso modo per ogni personalizzazione che volete eseguire, "salvate"
affinché siano attive nel blog cliccando sull'icona floppy che trovate a destra in fondo alla pagina

Spero di essere stata chiara in ogni passaggio, in caso contrario scrivetemi un messaggio
Un abbraccio... buon lavoro e come sempre buon divertimento ^_^
Ciao alla prossima ೡPenelope ♥


Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


ೡ Pagina visitata da 2919 utenti


 H: 
Felice Estate !



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non togliete i credits ~ Grazie ^_^

...telaio Home!

Accessori, utilità e gadget in tanti stili e
soggetti pronti per il tuo spazio web
Il telaio di Penelope


Pagina Facebook
del telaio...

Privacy Policy Cookie Policy

..:: Basi per siti web ::..


..:: Blogger tutorial ::..


..:: Blogger kit ::..


..:: Copertine facebook ::..


Anteprima...
..: html & script tutorial :..


Colori rgb

Raccolta di tanti colori con valore rgb, necessari per impostare il colore in alcuni script e in determinati parametri css
Leggi il tutorial...

CSS elemento div

I div sono dei "contenitori" molto utilizzati nelle pagine web, sopratutto per realizzarne la struttura oltre che ovviamente per postare degli accessori in punti precisi della pagina, completamente personalizzabili ne diventa ancor più pratico l'uso con l'ausilio dei css...
Leggi il tutorial...

Link

Indispensabili in ogni pagina web vediamo come scriverli in modo corretto e personalizzarli in base a ciò che ci occorre fare...
Leggi il tutorial...

Testo - font

Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare...
Leggi il tutorial...

Textarea

Box nel quale è possibile scrivere tag e codici che rimangono testo e quindi si possono prelevare per essere usati nel proprio spazio, utilissimo quando si preparano degli accessori e gadget ma anche semplicemente per fornire il codice completo del proprio banner...
Leggi il tutorial...

Box div con effetto rilievo

Pochi semplici parametri css3 per avere contenitori div con effetto rilievo, da utilizzare come contenitore principale del sito per non appesantire le pagine con elaborate basi grafiche, rendere visibile in modo elegante un boxino per messaggi/news o abbellire delle immagini senza formati particolari che si caricano con difficoltà...
Leggi il tutorial...

Font personalizzato nel sito...

Personalizzare con pochi semplici passaggi il font, carattere del testo, nel nostro sito o in una pagina web!
Leggi il tutorial...

Link effetto cascata

Fiocchi di neve, cuoricini o fiori che appaiono al passaggio del mouse sui link...
Leggi il tutorial...

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial...

Calendario perpetuo

Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home