Come mostrare lo stesso avatar in tutti i commenti di Blogger.

Da quando ho iniziato a bloggare ho sempre avuto lo stesso avatar ma la mia è sicuramente una eccezione perché è molto comune cambiare l'immagine del Profilo a intervalli più o meno regolari. Se poi le foto dei precedenti avatar venissero rimosse da Picasa, i vecchi commenti rimarrebbero senza immagine e avrebbero un aspetto decisamente antiestetico. L'idea di questo articolo è quella di modificare il codice del template in modo da mostrare sempre la stessa foto anche nei vecchi commenti a prescindere da tutte le variazioni intercorse nell'aspetto dell'avatar.

Va da sé che l'immagine potrà essere sempre modificata ma, quando lo faremo, apparirà comunque in tutti i commenti del blog. E' chiaro che questo hack serve soprattutto per coloro che avevano un avatar che adesso non è più confacente allo stile del blog e che vogliono modificarlo anche per quello che riguarda i commenti passati. E' altrettanto ovvio che questo vale solo per il nostro blog e non per gli altri siti in cui si è commentato.

Andate su Design > Modifica HTML e salvate il modello completo per un eventuale backup di ripristino. Dopo aver cliccato su espandi modelli widget cercate questo blocco di codice

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

E' presente sia nei nuovi template del Designer Modelli che in quelli vecchi. Va cancellato e sostituito con il seguente

<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.authorUrl == &quot;URL_PROFILO_BLOGGER&quot;'>
<div class='avatar-image-container'>
<img src='URL_AVATAR' style='height:100%; width:100%;'/>
</div>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if> </b:if>

Al posto di URL_AVATAR va inserito l'indirizzo della immagine che vogliamo visualizzare accanto a tutti i nostri commenti precedentemente caricata su Picasa. Mi voglio soffermare un attimo su URL_PROFILO_BLOGGER che può essere ricavato cliccando sul nostro Profilo e estrapolandone l'ID
http://www.blogger.com/profile/XYZXYZXYZXYZXYZ

Il tag condizionale che si viene a formare insieme alla sua chiusura </b:if>, colorata di viola, serve solo per evitare che la nostra immagine vada al posto di altri commentatori che abbiano il nostro stesso nickname. Si tratta di una eventualità abbastanza remota ma non proprio impossibile. Non resta che salvare il modello e controllare che tutti i nostri commenti abbiano effettivamente la stessa foto. Nel caso di un blog collaborativo con due autori occorre sostituire le tre righe con quest'altro codice

<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.authorUrl == &quot;URL-PROFILO-BLOGGER-PRIMO-AUTORE&quot;'>
<div class='avatar-image-container'>
<img src='URL_AVATAR_PRIMO-AUTORE' style='height:100%; width:100%;'/>
</div>
<b:else/>
<b:if cond='data:comment.authorUrl == &quot;URL_PROFILO_BLOGGER_SECONDO-AUTORE&quot;'>
<div class='avatar-image-container'>
<img src='URL_AVATAR_SECONDO-AUTORE' style='height:100%; width:100%;'/>
</div>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if></b:if></b:if>

dove ci sono da sostituire gli URL dei due avatar e dei due Profili.

Aggiornamento: Nel caso non funzionasse questo sistema provate con la procedura illustrata nell'articolo

• Come mostrare la stessa foto nei commenti -