Come personalizzare il box dei commenti dell'autore del blog su Blogger.

Dopo aver mostrato come inserire i commenti dell'autore del blog in un rettangolo colorato e dopo aver trovato un metodo più semplice per evidenziare tali commenti applicabile a tutti i modelli, Alessandra mi ha fatto presente che i commenti fatti da lettrici con un nickname uguale al suo venivano visualizzati nello stesso modo dei suoi. Questo è dovuto all'utilizzo di un tag condizionale che opera quando il nick del commentatore è lo stesso di quello dell'autore. Dopo un po' di elucubrazioni ho trovato una soluzione che è sotto certi aspetti migliore della precedente.

Bisogna sostituire il tag condizionale appena illustrato con un altro che non dipenda dal nick, che non è esclusivo, ma dall'URL del Profilo su Blogger che è invece unico per ciascun utente. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver messo la spunta su espandi modelli widget si cerca il seguente blocco di codice

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

che dovrà essere cancellato e sostituito da quest'altro

<b:if cond='data:comment.authorUrl != &quot;http://www.blogger.com/profile/03393759575661143644&quot;'> 
<p>
<data:comment.body/>
</p>
<b:else/>
<p class='commento-autore'>
<data:comment.body/>
</p>
</b:if>

Al posto dell'indirizzo del mio Profilo su Blogger, che è evidenziato di rosso, dovrete ovviamente inserire il vostro. Basta copiarlo dalla Barra degli indirizzi del browser andando su Bacheca > Visualizza profilo (vecchia interfaccia) o cliccando su Profilo Blogger in alto a destra (nuova interfaccia)

Adesso dobbiamo creare uno stile per il box dei commenti dell'autore attraverso il CSS .commento-autore. Ci si può sbizzarrire come si vuole nell'inserire colori di background, un diverso colore per il testo e anche mettendo dei bordi personalizzati. In ogni caso si cerca la riga ]]></b:skin> e, immediatamente sopra, si incolla un codice simile a questo

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

dove le cose da personalizzare riguardano i margini (distanze con la parte esterna del layout a partire dall'alto e poi a seguire in senso orario), il padding (distanze del contenuto del commento con il suo contenitore a partire dall'alto in senso orario), il colore di sfondo (#EEEEEE;) e lo stile del bordo da personalizzare per quello che riguarda la forma (dotted, dashed, solid ecc), le dimensioni in pixel e il colore. Può anche essere selezionato un diverso colore del testo mediante l'aggiunta della riga color:#940F04; con il codice esadecimale da personalizzare (vedi codici dei colori). Finalmente si salva il modello.

Se commenta un'altra persona con lo stesso nick dell'autore del blog, il suo commento rimarrà comunque identico a tutti gli altri

   

Questa procedura è da preferire alla precedente perché ha anche un altro vantaggio. Con il precedente codice, quando si modificava il nick dell'autore, i vecchi commenti non venivano più evidenziati. Con questo nuovo codice, anche se si cambia nick, l'URL del Profilo rimarrà comunque invariato e i commenti dell'autore del blog saranno sempre comunque diversificati

Sempre per quello che riguarda i commenti su Blogger ricordo anche altre personalizzazioni

1. Come inserire le emoticon di Yahoo -
2. Come inserire le emoticon di Facebook -
3. Come cambiare colore all'username dell'autore -
4. Come numerare i commenti con icone -
5. Come visualizzare il numero d'ordine a lato di ogni commento -