Pagina aggiornata... Lunedì, 30 ottobre 2023 *
Tempo di caricamento
0.68
secondi
Link navigazione :
Home telaio ೡ Home ~ 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 ^_^
|
ೡ Pagina visitata da 2973 utenti |
H:
Buon Autunno
!
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 :..
Caratteri speciali html Raccolta di caratteri speciali html necessari in alcuni script e pagine web...
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... |
|
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 ancore Piccolo utilissimo "trucchetto" che possiamo realizzare con i link^^ ovvero scrivere dei link che permettano di far arrivare in un clik i nostri utenti, in un punto preciso, nella pagina che si sta leggendo o in una nuova...
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... |
|
Table base e style Un ottimo "strumento" per realizzare un qualsiasilavoro web, che sia un sito o un semplice gadget, si hanno a disposizione un'ampia serie di parametri che ne permettono la personalizzazione totale...
Leggi il tutorial... |
|
Box fisso Box che scrollano insieme alla pagina nei quali poter postare dal classico "Torna su" ad un particolare menu, i bottoni dei social network, informazioni specifiche, ecc. ecc. sicuro non passeranno inosservati...
Leggi il tutorial... |
|
Menu bottoncini hover Un menu ordinato e originale per chi ama graficare, bottoncini che si trasformano al passaggio del mouse...
Leggi il tutorial... |
|
Saluto in base all'ora... con immagine Smanettando un po' con il codice del saluto ad orario, ho pensato che al posto del testo si potevano visualizzare delle immagini ^_^ se vi piace graficare vi basterà preparare quattro immagini...
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...
|