Come inserire un messaggio di benvenuto nelle pagine delle etichette.

In un precedente articolo ho illustrato come aggiungere una introduzione con immagine a pagine relative a delle determinate etichette. In un commento mi è stato fatto notare come, nella grande maggioranza di blog, il numero di etichette sia molto elevato e che quindi sia preferibile inserire una sola descrizione comune a tutte le etichette. La cosa è fattibile usando la condizione per mostrare un elemento solo nelle pagine delle etichette. Basta andare su Design > Modifica HTML e salvare il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca la riga

<b:include data='top' name='status-message'/>

subito sotto si incolla questo codice

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='MsgEtichetta'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2I0Ac-qE9TciGO6Q2vUXqKsjZkOLIJlViNQCt1tZj6eNw2yDOvpL2r5dOh4xdZA_FpUWHeTnDTnec5WWg-uzJ9f1T8UPQv0M1ZTLEFQj0K1faBr1tzO4vXVJW22_VMeFVS3SwXhvzJc/' style='float: left; border:0; margin: 0px 5px 10px 0px;'/>
   …    Testo da visualizzare nel rettangolo di benvenuto …
</div>
</b:if>
</b:if>
</b:if>
</b:if>

dove i parametri da personalizzare sono

1. L'URL della immagine da caricare precedentemente su Picasa colorato di rosso
2. La posizione della immagine in funzione del layout (sinistra, distanze dai bordi)
3. Il testo da inserire e visualizzare nel rettangolo di introduzione colorato di blu

Adesso si cerca la riga ]]></b:skin> e, subito sopra, si incolla l'altro codice

.status-msg-wrap {visibility:hidden;display:none;}
#MsgEtichetta {
background:#FDBCB7; /* Colore dello sfondo */
color:#003366; /* Colore del testo */
border: double 3px #940F04; /* Bordo del rettangolo */
padding:15px;
margin:4px 4px 15px 4px;
}

dove in questo caso i parametri da personalizzare sono il colore del testo, il colore dello sfondo, la distanza interna (padding) e quella esterna (margin). Il primo numero indica la distanza verso l'altro mentre gli altri fissano le distanze nelle altre tre direzioni in senso orario. Volendo si può anche inserire un bordo per abbellire il riquadro. Consultate il post sullo stile dei bordi per modificarlo secondo le vostre esigenze. Si salva il modello. Se si apre una qualunque pagina di etichetta, nella parte iniziale si vedrà un messaggio simile a questo screenshot

Il testo inserito nella prima parte del codice può essere formattato a piacere con grassetto, corsivo, link e altre immagini. Questo riquadro sarà visibile solo nelle pagine delle etichette e non sarà visibile nei post, nelle pagine statiche, in home page e nelle pagine di archivio. Per avere una idea più precisa andate in questa pagina di etichetta e provate a navigare all'interno del blog per controllare la corretta visualizzazione del messaggio di ingresso.