Come evidenziare i commenti dell'autore del blog su Blogger.

Ho già avuto modo di illustrare come inserire i commenti dell'autore del blog dentro un rettangolo colorato in modo da distinguerli da quelli degli altri commentatori. Tale personalizzazione però non funziona con tutti i modelli. Vediamo come fare per inserire uno stile particolare per i commenti del proprietario del blog con un metodo che dovrebbe andar bene per tutti i template. Visto che da poco è stata introdotta la Nuova Bacheca di Blogger vedrò di usare proprio le schermate tratte da questa nuova interfaccia per realizzare gli screenshot esplicativi.

Accedete alla Bacheca tramite Blogger in Draft e selezionate il blog che volete personalizzare. Quindi andate su Modello > Esegui backup/ripristino modello e cliccate su Scarica modello completo 

Se la modifica non andasse a buon fine si va su Scegli file, si seleziona il file XML, di cui si è appena fatto il download, e si clicca su Carica per ripristinarlo. Si va adesso sulla riga sottostante Modello > Modifica modello e si mette la spunta a Espandi i modelli widget

Si clicca su F3 o su Ctrl+F per cercare la riga <data:comment.body/>. Ce ne saranno due ma a noi interesserà quella che si trova tra due tag che indicano un paragrafo, cioè il blocco di codice

<p>
<data:comment.body/>
</p>

Dobbiamo imporre un tag condizionale che serva per individuare quando l'autore del commento è anche l'autore del blog e, in questo caso, creare una classe di stile diversa da quella dei normali commenti. In sostanza si incolla questo codice

<b:if cond='data:comment.author != data:post.author'>
<p>
<data:comment.body/>
</p>
<b:else/>
<p class='commento-autore'>
<data:comment.body/>
</p>
</b:if>

al posto di quello evidenziato di viola. Sempre agendo su F3 o Ctrl+F, si cerca adesso la riga ]]></b:skin> e, subito sopra, si incolla un codice simile a questo

.commento-autore {
margin:5px 10px 5px 8px;
padding:5px 10px 5px 5px;
background:#FFEAE9;
border:1px dotted #003366;
}

Si Salva il modello dopo aver dato opzionalmente uno sguardo all'Anteprima.

I commenti dell'autore del blog saranno evidenziati da un diverso sfondo, un bordo e anche diversi rientri del testo rispetto ai commenti dei lettori

Per aiutare nella personalizzazione, ricordo brevemente che

1. I valori in pixel dopo margin rappresentano la distanza tra il box dei commenti e il resto del layout. La prima cifra è la distanza dalla parte alta, la seconda da quella destra e così via in senso orario
2. I valori in pixel dopo padding fissano le distanze interne tra il testo del commento e il suo contenitore. La prima cifra è la distanza dalla parte alta e così via in senso orario
3. Il codice esadecimale in background indica lo sfondo del commento (vedi i codici dei colori)
4. La riga con border rappresenta lo stile del bordo del contenitore del commento e può anche essere eliminata.
5. Si possono eliminare le righe che non ci interessano così come se ne possono aggiungere altre che riguardano per esempio il colore del testo.

Aggiornamento: Chi avesse dei lettori con il nick identico al loro possono usare la personalizzazione illustrata in questo post che risolve il problema.