Dove inserire i codici CSS nei temi di Blogger

novembre 02, 2020
Simona S.
22

Quando si costruisce un sito, la prima cosa che si fa è creare una cartella nella quale sono presenti due files indispensabili: index e style. Il file index, che può avere diverse estenzioni a seconda del linguaggio che si usa (html o php per esempio), contiene la struttura della homepage che risulterebbe molto scarna sotto l'aspetto grafico se non fosse collegata al CSS.

Il codice CSS (Cascading Style Sheets, in italiano Foglio di Stile) aiuta a cambiare l'aspetto grafico, a rendere piacevole la struttura dando colore al contenuto dei nostri blog.

Solitamente il foglio di stile è un file a parte, riconoscibile dal nome stesso style.css, ma in Blogger si trova nella stessa pagina dove è presente l'intera struttura del blog.

Più di una volta mi è capitato che mi venisse chiesto dove va inserito il codice CSS, così ho deciso di aggiornare questo vecchio post (classe 2014) per mostrarti, in un brevissimo tutorial, dove è collocato il tuo foglio di stile.

Vai in Tema e poi in Modifica HTML (accedi cliccando i 3 puntini).

Scorri fino a quando troverai il tag < b:skin >. Questo tag contiene il foglio di stile, quindi il CSS, del tuo blog.

Ora scorri ancora un po' più giù, fino a quando non compariranno i classici codici, le regole, del CSS.

Ogni regola (il codice) è composta da:

.selettore { proprietà: valore della proprietà;}

.corpo { color: #codice-colore; } 

È importante che ogni regola venga chiusa dalla parentesi graffa } altrimenti verrà compromesso lo stile.

Quindi per inserire un codice nel CSS di Blogger, ma non solo, ogni regola deve incastrarsi perfettamente con le altre, lasciando ad ognuno il proprio spazio.

Se hai domande, per favore lasciale nei commenti qui sotto, infondo lo sai quanta felicità mi procurano :)


22 commenti:

  1. Ciao Simona ^_^ Grazie per quest'altro video tutorial! Io uso entrambi i metodi...dipende da come mi gira xD Sono ancora alle prime armi totalmente per quanto riguarda Blogger...per tutti i tutorial che ho visto fino adesso, molti dicevano di fare direttamente la modifica in "HTML" non tanto in Aggiungi CSS quindi per questo facevo l'uno e l'altro :) Però, grazie per la precisazione :D

    RispondiElimina
    Risposte
    1. E infatti anche io preferisco inserirli direttamente nell'HTML, come detto nel video, che poi spiegavo anche il perchè, ma siccome quando inizio a parlare mi accorgo di fare discorsi lunghissimi, ho tagliato quella parte XD

      Elimina
    2. Nuuu *-* E' sempre un piacere sentirti Simo *-*

      Elimina
  2. fantastico, sei chiarissima e semplicissima.
    sono io che sono storta.
    al più riuscirei a mettere il bottoncino TOP, lo hai già spiegato?
    baciuzzi,
    germana

    RispondiElimina
    Risposte
    1. Grazie Germana :D
      Un modo per inserire il tasto 'torna su' l'ho spiegato, ma c'è il tipo come uso io che ancora non l'ho fatto, ma lo trovi qui : http://www.scrolltotop.com/
      Ti basta copiare e incollare il codice prima della fine del tag di chiusura di body

      Elimina
  3. Che belli i tuoi video tutorial :D
    Io una volta ho provato a spiegare cos'è il CSS dicendo che "sono i vestiti da far indossare all'HTML". Poi però volevo nascondermi dietro a un cespuglio...
    Un bacione, buona serata!

    RispondiElimina
    Risposte
    1. Grazie Silvia!!!! Sapessi quanti tagli devo fare :D
      Ho in mente un progettino... ma non voglio dire nulla prima di avertelo sottoposto...eh sì perchè riguarda anche te :P

      Elimina
    2. ... accidenti, ora sono curiosissima! >.>

      Elimina
  4. Simo se ti fa piacere vieni a ritirare un premio per te! Ciao ogni volta che passo mi incuriosisco e mi mangio le mani che non riesco a mettere in atto i tuoi consigli! a presto

    RispondiElimina
  5. Grazie!!!! A mio parere spieghi già molto bene semplice e chiaro sai è proprio l'argomento che tratti che è difficile da capire e da mettere in pratica comunque grazie per essere sempre così attenta e disponibile alle esigenze di tutte!!!!
    Un saluto!!!!

    RispondiElimina
  6. Wonderful post...I like your blog.^^
    Maybe follow each other on bloglovin?
    Let me know follow you then back.
    Lovely greets Nessa

    RispondiElimina
    Risposte
    1. Thank you Vanessa :D
      I will be sure other video tutorials!
      Follow me if you like;)

      Elimina
  7. Sei fortissima e troppo brava!
    Sei tu la mia Guru! lo sai vero?

    RispondiElimina
  8. Ma io come ho fatto a non scoprire questo blog meraviglioso prima? Mi aggiungo seduta stante ai tuoi follower e aspettati di vedermi ronzare più spesso da queste parti.. adoro il tuo stile e le tue spiegazioni sono illuminanti!!! :3

    RispondiElimina
    Risposte
    1. Grazie mille Belle!!! Sei gentilissima :D
      Vedo dalla tua immagine del profilo che sei una fan di Once open a time... anche io lo sono!!!
      (visto che è iniziata la terza stagione?♥)

      Elimina
    2. L'ho guardata in inglese fin quasi a metà ma non mi ha fatto impazzire.. la mia stagione preferita rimane la prima, che mi ha fatto innamorare di Tremotino! <3

      Elimina
  9. Ciao Simona! che bello! Grazie a te, ce l'ho fatta pure io che sono negata con la tecnologia. I tuoi consigli sono utilissimi! se ti va di passare a vedere il mio blog si Borse Fatte a Mano, le trovi all'indirizzo: http://salvadorgianna.blogspot.it/
    mi farebbe davvero piacere un tuo giudizio.
    con affetto. Gianna

    RispondiElimina
    Risposte
    1. Grazie per la fiducia Gianna, passo molto volentieri :D

      Elimina
  10. Anche se io fossi un guru, avresti tutta la mia stima!

    RispondiElimina

Grazie di aver commentato il post!
Per favore NON lasciare link, a meno che non siano richiesti espressamente nel post stesso.
I commenti con link non richiesti verranno considerati come SPAM e quindi subito cancellati.
So che capirai ;)

Lasciando un commento dichiari di aver letto la mia Privacy Policy