Come sottolineare il titolo di un widget in Blogger.

Come personalizzare il titolo di un widget con la sottolineatura o modificandone dimensioni e colori.

Mi capita spesso di scrivere degli articoli che definisco "instant posts" a seguito di domande ricevute nei commenti che possano riguardare temi di interesse generale. Mi è stato chiesto come si possa sottolineare il testo in un widget. Questa cosa è da fare nel momento in cui si crea un gadget mentre non è molto immediato farlo in seguito visto che dipende chiaramente dal tipo del widget in questione. Per sottolineare un testo si usa la proprietà text-decoration:underline che può essere impiegata come vedremo anche per sottolineare il titolo di un gadget.

La prima cosa da fare in questo caso è quella di conoscere l'ID del widget su cui si vuole operare. Si va su Layout > Modifica e si visualizza la parte finale dell'indirizzo della finestra modale

 

L'ID del gadget è la parte evidenziata di giallo nello screenshot. Se si tratta di un widget HTML sarà invece del tipo HTMLX con X un numero che dipende dall'ordine di installazione. Per sottolineare il titolo si va su Modello > Modifica HTML, si cerca il codice ]]></b:skin> e, subito sopra, si incolla

#Label1 h2 {text-decoration:underline;}

dove al posto di Label1 dovremo sostituire l'ID del nostro widget. Si va su Anteprima Modello per poi salvarlo. Possiamo modificare anche altre cose. Se incolliamo infatti questo codice

#Label1 h2 {
font-size:20px !important;
color:#003366 !important;
}

visualizzeremo il titolo con dimensione 20 pixel e del colore dato.



Ovviamente possono essere inseriti tutti i parametri che vogliamo come un colore di sfondo o anche una  immagine di sfondo. E' anche possibile spostare il titolo più a destra

#Label1 h2 {margin-left:30px;}

o anche centrarlo nella sidebar

#Label1 h2 {text-align:center;}


Va da sé che Label1 che ho preso come esempio va sostituito l'ID del widget.