Come visualizzare il titolo dei widget messi sotto l'header di Blogger.

Come mostrare il titolo di un widget posizionato sotto l'Header di Blogger.

Quando si posizionano degli widget nella sidebar, nel footer o anche sopra o sotto l'area del post il loro titolo, nel caso fosse stato inserito, sarà visualizzato nel layout del blog.

Nel momento in cui tale titolo venisse inserito in un gadget posizionato subito sotto l'Intestazione del blog ecco che Blogger impedisce di default la visualizzazione del titolo. In un commento a un post su come dividere l'header, Bastet - La Dea Gatta mi ha rivelato un trucco per mostrare il titolo anche in questo caso. La visualizzazione del titolo del gadget certo non può essere utilizzato nel caso di un menù ma può essere utile in altre circostanze.

L'obiettivo è quello di passare dalla prima situazione alla seconda

 

Ho usato come test un widget formato da una semplice foto ma quello che importa è il titolo che viene visualizzato nel secondo screenshot. Per prima cosa dovremo trovare l'ID del widget. Si va su Layout e si clicca su Modifica nell'elemento in oggetto. Per individuarne l'ID bisogna andare nella parte finale dell'URL. L'ID del gadget sarà visibile subito dopo widgetID=

In questo caso come vedete è HTML3 ma il numero in linea di massima sarà diverso. Si va su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin> . Subito sopra si incolla questo codice

#HTML3 h2 {display:inline;}

dove al posto dell'ID del widget HTML3 si mette quello del nostro blog. Si salva il template e inizieremo a vedere il titolo del gadget. Si possono fare ulteriori personalizzazioni. Per esempio con questo codice

#HTML3 h2 {
display:inline;
font-size:28px;
color:#003366;
font-family:Gabriola;
} 

il titolo viene mostrato con caratteri di dimensioni di 28 pixel, di colore #003366 e con font Gabriola
Per centrare il titolo si può provare a aggiungere la riga text-align:center;