Pubblicato il 28/05/13e aggiornato il

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

id-widget-blogger 

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.

modiifica-titolo-widget

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;}
titolo-widget-centrato

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




5 commenti :

  1. ciaoo,, sai che tivolevo chiedere ho creato dei link al mio blog, ora ho cambiato il nome e naturalmente quando ci clicco non trova più la pagina, ora mi chiedo è possibile modificare nel modello il nome o devo modificare link per link dai post? grazie

    RispondiElimina
  2. @# Hai acquistato un dominio personalizzato? In questo caso non devi fare nulla, è tutto automatico.
    Hai cambiato nome a un blog gratuito ed è rimasto del tipo bomeblog.blogspot.com? In questo caso devi modificare manualmente i link che riesci a modificare. Quelli esterni andranno ovviamente perduti.

    RispondiElimina
  3. ok grazie per il consiglio li sto modificando manualmente.

    RispondiElimina
  4. Esiste una modalità da far cambiare ogni gadget con i CSS e non solo uno?
    Ho provato il metodo che consigli, ma mi cambia solo uno per uno...

    Grazie,
    Jan

    RispondiElimina
    Risposte
    1. @# Non conosco un metodo applicabile a tutti i modelli per modificare il titolo di tutti i widget

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.