Come avere avatar diversi per blog dello stesso account Google.

Ho già trattato un tema simile in questo articolo ma dai commenti è risultato che l'hack, pur giusto nella sua impostazione teorica, non portava a risultati pratici almeno in taluni modelli. Ho quindi pensato di pubblicare una alternativa e di rendere il codice più semplice da personalizzare. La necessità di questa modifica è limitata in primo luogo a quei blogger che hanno cambiato foto del Profilo e che adesso vorrebbero la stessa immagine anche nei commenti passati.  Dai primi commenti avuti in questo post sembra però che anche questo tentativo non abbia ottenuto buoni risultati. Ho quindi pensato di riadattare l'articolo e di fare delle verifiche visto che in genere sono abituato a testare tutte le mie personalizzazioni. Stavolta non lo avevo ancora fatto perché non avevo mai mutato immagine del Profilo. Adesso ho fatto in modo di avere in un blog un avatar nei commenti diverso da quello di tutti gli altri blog del mio account. In secondo luogo quindi la personalizzazione può interessare proprio coloro che hanno più blog che trattano tematiche diverse e che sentono l'esigenza di avere immagini diverse nei commenti di ciascun sito.

Ho testato il funzionamento in questo blog di prova che fa parte del mio stesso account e nel quale dovrei quindi avere lo stesso avatar. La cosa invece non è così come si evince dallo screenshot sottostante

 

in cui ho commentato una volta con l'account Google e un'altra come anonimo. L'avatar è  quello che ho attualmente su Facebook ed è diverso da quello presente nei commenti di questo blog che è uguale a quello del mio Profilo come deve accadere per Blogger. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca il seguente blocco di codice

<b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>

che è presente nei vecchi template e in quelli recenti del Designer Modelli. Si cancella il codice e si sostituisce con il seguente

<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:post.author == &quot;Ernesto T.&quot;'>
<b:if cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/03393759575661143644&quot;'>
<div class='avatar-image-container'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLMHBIWf3vosGiNpQgmL3PhFbiqeBhdD4YypGX5ZeTzLbliOdeRfCERhH6WEzuEXRbXQP9TyklONAcJqF0n3spn8HR-kgXDwTxWw7syOusDnYw5aX1X8loRJEqxM0xztrDGx3BqUbXt5v/' style='height:100%; width:100%;'/>
</div>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if> </b:if>
</b:if>

dove ho voluto mantenere il codice che ho materialmente inserito nel template per evitare fraintendimenti e per rendere più agevole la sostituzione dei parametri che sono

1. Il nome dell'autore del blog che è case sensitive
2. L'URL del Profilo in Blogger
3. L'indirizzo della immagine caricata su Picasa che deve abbastanza quadrata ma anche di dimensioni superiori. Io ne ho caricata una di 122x126px

Nel caso in cui questo metodo non funzionasse significa che il template ha uno strano comportamento o che si è sbagliato nel personalizzare il codice inserendo i dati in modo non corretto. In conclusione riassumo i casi in cui può essere utile questa personalizzazione

1. Per avere la stessa foto a lato dei commenti se si è cambiata più volte
2. Per avere avatar diversi in blog distinti dello stesso account.

Ricordo infine che si può inserire anche un avatar personalizzato per i commenti anonimi incollando questo codice

/* Avatar */
.avatar-image-container img {
background:url(URL_Immagine);
width:45px;
height:45px;
}

subito sopra alla riga ]]></b:skin> dove al posto di URL_Immagine si mette l'indirizzo della foto che si è scelta da visualizzare accanto ai commenti anonimi.

Aggiornamento: Dopo essermi spremuto le meningi sono giunto a una soluzione del problema davvero brillante (mi scuso per l'immodestia). Si tratta di imporre un tag condizionale che mostri l'avatar prescelto quando l'autore del blog è lo stesso dell'autore del commento. Una tale condizione si scrive in HTML per Blogger in questo modo

 <b:if cond='data:comment.author == data:post.author'>

Partendo da questo presupposto il codice da sostituire a quello eliminato diventa

<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.author == data:post.author'>
<div class='avatar-image-container'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLMHBIWf3vosGiNpQgmL3PhFbiqeBhdD4YypGX5ZeTzLbliOdeRfCERhH6WEzuEXRbXQP9TyklONAcJqF0n3spn8HR-kgXDwTxWw7syOusDnYw5aX1X8loRJEqxM0xztrDGx3BqUbXt5v/' style='height:100%; width:100%;'/>
</div>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if> </b:if>

dove deve essere personalizzato l'URL dell'avatar colorato di rosso. Mi attendo commenti da chi testasse questo codice sul proprio blog.