Come cambiare il colore del titolo del post in un blog di blogger

Ciao a tutti! 

Eccoci alla sesta puntata per fare un piccolo restyling del blog con host in blogger. 

Con questo breve tutorial vi spiego come cambiare il colore del titolo del post. 

Se andate su Modello > Personalizza >Avanzato >Titolo Post 

questo è quello che trovate: 

Si può scegliere il carattere e la sua grandezza, se deve essere in grassetto o italico, ma è impossibile scegliere e selezionare il colore del titolo del post! :-( 

Ho cercato quindi in rete e questo è quello che mi è piaciuto perchè è una modifica che mi permetterà di cambiare sempre il colore del titolo in modo facile senza dovere andare a cercare codici o altro se dopodomani ho voglia di cambiare tutti i colori di riferimento del mio blog!!!! 

Dopo essere sicuri di aver fatto un back up del blog andate nella sezione Modello e poi cliccate Modifica HTML.

Cercate il seguente codice

   <Group description="Post Title" selector=".post">

     <Variable name="post.title.font" description="Font" type="font"

         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma"/>

   </Group>

Sostituite il codice sopra con il codice seguente: 

<Group description="Post Title" selector=".post">
<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#FE6602"/>
<Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#FFD25F"/>
</Group>


Ora cercate questo codice: 


.post {
  margin: 0 0 25px 0;
}

e sostituitelo con 


.post {
  margin: 0 0 25px 0;
}

.post h3 a, .post h3 a:visited 

{ color: $(post.title.color); 

}

.post h3 a:hover 

{ color: $(post.title.hover.color); 

}

Bene, avete finito!

Ora se andate su Modello > Personalizza >Avanzato >Titolo Post trovate questo:

Notate la differenza??? 

Alla fine avete ottenuto la possibilità di poter cambiare il colore del titolo del post e potete scegliere anche il colore al passaggio del mouse.

Facile, no?

Stay tuned! :-)