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


 H: 
Buon Autunno e ...buon sabato!



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non ri-distribuire le immagini grafiche
- Non togliete i credits ~ Grazie ^_^

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


..:: Blogger kit ::..


..:: Blogger tutorial ::..


..:: Copertine facebook ::..



Box Penelope template link...

Se prelevi un template inserisci
il link del tuo spazio qui, potrò ricambiare
la visita e avrai un po' di pubblicità...


   
   
 Nickname
 Url spazio
      
***********



Non ci sono nuovi post...


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

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

Caratteri speciali html

Raccolta di caratteri speciali html necessari in alcuni script e pagine web...
Leggi il tutorial...

Colori esadecimali

Raccolta di tanti colori con valore esadecimale per poterli utilizzare nelle pagine, accessori, script...
Leggi il 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...

Cbox - nuova Cbox!

Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine
Leggi il tutorial... e Theme editor

Cursore

Se vogliamo abbellire le nostre pagine non possiamo assolutamente trascurare "il cursore" possiamo trasformarlo come e dove vogliamo, semplicemente variando la forma, sostituirlo con piccole gif o addirittura affiancarlo ad una scritta...
Leggi il tutorial...

Immagini

Gif... clip... pixel... sfondi... paesaggi... ovvero immagini ^_^ Piccole, grandi, animate o statiche sono un po' il cuore del web e, come tutto quello che vediamo in una pagina web hanno bisogno di essere messe online, ovvero postate in una pagina e di un codice per essere visualizzate...
Leggi il tutorial...

Link style

Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...
Leggi il tutorial...

Countdown Penny

Script countdown al quale ho aggiunto la possibilità di inserire una frase che si visualizzi dopo la scadenza dell'evento per il quale era stato realizzato il conteggio....
Leggi il tutorial...

Stagione attuale

Questo script mi è stato scritto appositamente per realizzare il gadget dell'almanacco dal mio bradipo, un codicino piccolo piccolo per far visualizzare la stagione in cui stiamo vivendo...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home


Penelope - Un sito su AlterVista

Gif  & co... Penelope ♥




I vostri messaggi...

ೡPenelope ♥
29/11/2025 18:34:13
Grazie a te carissima Marilinc
ೡ Scritto in... Settimanelli natalizi
 
ೡPenelope ♥
29/11/2025 18:30:37
Merci beaucoup chère Maleah, vous trouverez ici des modèles prêts à l'emploi pour Blogspot [Link] e ne peux pas réaliser de travaux sur commande, désolé
ೡ Scritto in... html e script Tutorial...
 
MARILINC
29/11/2025 08:59:51
Grazie infinite meravigliosi c'è solo l'imbarazzo della scelta!
ೡ Scritto in... Settimanelli natalizi
 
Maleah
26/11/2025 13:58:21
Bonjour de France,Je viens de découvrir ton superbe blog et suis très admirative pour l'excellent travail que tu fais.Je ne sais pas si tu acceptes de modifier des blogspots et tente ma demande d'aide :Je suis une créatrice depuis des années déjà mais j'avoue je suis NULLE quant à la mise en place " design" de mon blog.Accepterais-tu de me réaliser un design pour Noël ?Cela me comblerait de joie, mais si tu ne peux pas je comprendrais parfaitement ta décision.Merci de ta réponse & encore UN IMMENSE BRAVO pour tes diverses créations.Amitié virtuelle.Maleah-Sunsunmaleah@gmail.com
ೡ Scritto in... html e script Tutorial...
 
ೡPenelope ♥
13/11/2025 20:28:01
Grazie infinite cara Dany
ೡ Scritto in... Romantici vintage
 
DanyGraphic
12/11/2025 22:56:52
Ciao Penelope i template sono carinissimi come tutti i tuoi lavori d'altra parte. Ti faccio tanti complimenti. Un abbraccio grande, dolce ♥♥
ೡ Scritto in... Romantici vintage
 
ೡPenelope ♥
12/11/2025 22:27:17
Ciao Elżbieta ti ringrazio per il complimento, per la traduzione puoi usare Google Un abbraccio
ೡ Scritto in... Home
 
Elżbieta
05/11/2025 14:28:32
Wizualnie podoba mi się Twój blog, ale nie wiem jak włączyć tłumaczenie. Pozdrawiam
ೡ Scritto in... Home
 
Veronica
01/11/2025 16:58:42
Preso un tuo adottino x il mio blog
ೡ Scritto in... Home
 
Karla "SEyez"
28/10/2025 14:50:44
Bellísima!
ೡ Scritto in... Banner link del telaio ^_^