Pagina aggiornata... Lunedì, 30 ottobre 2023 * Tempo di caricamento 0.20 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 2889 utenti


 H: 
Buona Primavera !



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 :..


Contenitori div colorati

Div con bordi e base colorati, vediamo quali sono i parametri necessari per avere dei contenitori assolutamente personalizzati
Leggi il tutorial...

Colori esadecimali

Raccolta di tanti colori con valore esadecimale per poterli utilizzare nelle pagine, accessori, script...
Leggi il tutorial...

CSS table struttura sito

Come scrivere le classi per delle table e celle che useremo come contenitori per realizzare una pagina web/home sito...
Leggi il tutorial...

Marquee con javascript

Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...
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...

Ora

Uno script molto molto semplice per visualizzare l'ora nelle pagine web e realizzare dei piccoli gadget sfiziosi oltre che utili...
Leggi il tutorial...

Frasi a rotazione o random

Script che permette di visualizzare una frase diversa ad ogni aggiornamento pagina, vediamo il codice e come fare le varie personalizzazioni...
Leggi il tutorial...

Una frase per ogni giorno del mese

Script molto semplice con cui visualizzare una frase per ogni giorno del mese, ma anche un proverbio o un aforisma... largo alla fantasia e alla pazienza...
Leggi il tutorial...

Segna tempo

Un segna tempo è un cronometro che si avvia quando si accede nella pagina in cui è stato inserito, un modo simpatico per interagire con i nostri visitatori...
Leggi il tutorial...

Sorpresine

Lo script per preparare dei gadget molto simpatici, le famose sorpresine, ovvero giffette o tag che in una determinata data cambiano aspetto...
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...

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
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...