Come modificare inline i colori dei link in una pagina web.

Come modificare i colori dei collegamenti in una pagina web senza toccare il codice del modello o del tema.

Se avete un blog su Blogger potete impostare i colori dei link andando sul Designer modelli che si trova su Modello > Personalizza > Avanzato > Link per settare i colori che più vi piacciono. I colori preimpostati per i testi di ancoraggio dei collegamenti non sono fissi ma sono essenzialmente di quattro tipi di cui solo tre utilizzati di solito. 

C'è il colore classico di default e quello che appare quando si punta un link con il mouse. Poi il colore dei link che sono già stati aperti nel browser cambia ancora così come può farlo anche il link che sia attivo. Si può modificare il template come mostrato in un precedente articolo ma quando vogliamo personalizzare i colori di un collegamento in un solo post possiamo inserire una classe di stile apposita senza toccare il modello. 

Per esempio incollando questo codice

<style>
.stilelink a{font-size:20px; font-weight:bold; color: #fff !important; border-bottom:2px dotted yellow; background-color:green; text-decoration:none;}
.stilelink a:hover {color:#000 !important; border-bottom:2px dashed green; background-color:yellow; text-decoration: none; }
.stilelink a:visited {color:#33348e; text-decoration: none; }
</style>

all'inizio del post su HTML, quando vogliamo postare un link con un colore diverso dal solito bisogna usare un altro codice con questa struttura

<div class="stilelink"><a href="URL_LINK">Testo di ancoraggio</a></div>

che produce un risultato come questo

Informativa estesa sulla politica dei cookie di questo sito

Alternativamente i due codici possono anche essere incollati uno di seguito all'altro. Per personalizzare i link in questo modo vi consiglio di consultare i post sui codici dei colori e sullo stile dei bordi.Questo metodo funziona non solo su Blogger ma su qualsiasi pagina web.