Lavoriamo insieme ✨

In questa pagina trovi i servizi che metto a disposizione per chi vuole migliorare la propria comunicazione online, attraverso il blogging e non solo.
Se hai dubbi su quale servizio scegliere, non esitare a contattarmi.
Sarò felice di risponderti :)

Blogger in Azione

Blogger in Azione

ideale per chi ha già un blog, e vuole analizzare la propria comunicazione
Web Design

Web Design

avere un sito ben curato è importante, anche su Blogger!
Primi Passi

Primi Passi

1 problema = 1 soluzione. Anche se sei alle prime armi, l'importante è partire!
F.A.Q.

F.A.Q.

Hai dubbi? Leggi le F.A.Q. per cominciare, oppure contattami :)

Illustrazioni e Lettering

In questa pagina trovi alcuni miei lavori di illustrazione e lettering creati per i miei canali social.

Dove inserire i codici CSS nei temi di Blogger

2.11.20
Simona S.
20 commenti
Dove inserire il CSS nei temi di Blogger

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

Dove inserire il CSS nei temi di Blogger

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

Dove inserire il CSS nei temi di Blogger

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

Dove inserire il CSS nei temi di Blogger

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



20 commenti in "Dove inserire i codici CSS nei temi di Blogger"

  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. Sei fortissima e troppo brava!
    Sei tu la mia Guru! lo sai vero?

    RispondiElimina
  7. 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
  8. Anche se io fossi un guru, avresti tutta la mia stima!

    RispondiElimina
  9. Ciao! Hai un blog stupendo ☺️ io sto riscontrando problemi, non so se posso chiedere qui o sbaglio posto (scusami in anticipo) con l indicizzazione. Uso blogger e di colpo i post non si trovano più se li cerco... Ma onestamente non so dove mettere mano nei codici e stringhe anche solo per verificare (che poi non so nemmeno cosa dovrei cercare 🤭🙈)

    RispondiElimina
    Risposte
    1. Ciao TamLime, grazie per il tuo commento 🤗
      I motivi per cui non riesci a trovare i tuoi post possono essere diversi, ma per avere un quadro più preciso potresti affidarti a Search Console. In questo post ho condiviso come indicizzare un post su Google con Search Console, ma puoi usare la barra del Controllo URL anche per testare i tuoi URL e capire cos'hanno che non vanno.
      Inoltre, uno dei motivi potrebbe essere l'aver modificato il file robots.txt, che se non si sa come fare potrebbe compromettere l'indicizzazione dei contenuti.
      Comunque ti consiglio di cominciare un'analisi utilizzando Search Console ☺️

      Elimina

Grazie di aver commentato!
Solitamente rispondo ai commenti nelle prime 24 ore, se hai richieste urgenti puoi scrivermi usando il modulo dei contatti :)

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