Pubblicato il 19/09/09 - aggiornato il  | 23 commenti :

Blogger introduce la foto o avatar del profilo nei commenti del blog. Breve tutorial per inserirla anche nei modelli personalizzati.

Prima di passare a questa nuova feature introdotta da Blogger in occasione del suo decimo compleanno ci sono da fare alcune considerazioni

  1. Nel popup o nella pagina dei commenti che si apre se non si sceglie l'opzione del modulo sotto il post, gli avatar dei profili erano già presenti
  2. Questa funzionalità per il momento funziona automaticamente solo per i modelli ufficiali di Blogger e non con quelli personalizzati. Per questi ultimi occorre variare un pochetto il modello, cosa che illustrerò qui di seguito

L'annuncio è stato dato da Blogger Buzz qualche giorno fa ma ho aspettato a parlarne nella speranza che qualcuno riuscisse a introdurre questa feature anche per i modelli personalizzati. La mia speranza non è andata delusa visto che il blog francese Le Blogger è riuscito nell'intento.

Per prima cosa bisogna andare su Impostazioni > Commenti e scegliere di mostrare gli avatar dei profili come mostrato nel seguente screenshot

avatar_profili

 

Salvare le Impostazioni cliccando a fondo pagina. Aprite un articolo in cui siano presenti commenti, se avete un modello personalizzato probabilmente non vedrete apparire nulla di nuovo

avatar_commenti

Adesso andate su Layout > Modifica HTML  e salvate il modello completo quindi cercate la seguente riga di codice

<dl id='comments-block'>

e rimpiazzatela con questa

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

come mostrato nel seguente screenshot. (Se invece che con dl la vostra riga inizia con div lasciate inalterato questo tag e rimpiazzate tutto il resto)

image

Adesso cercate questa nuova linea di codice

<a expr:name='data:comment.anchorName'/>

e immediatamente sopra incollateci quest'altro codice

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

dove i caratteri in rosso rappresentano la dimensione e il margine e possono essere personalizzati

codice_avatar_commenti

Salvate il modello. Ecco come si presenteranno adesso i commenti del vostro blog anche se super-personalizzato

avatar_commenti_blogger

Forse 35 pixel per gli avatar sono pochi e penso che per alcuni modelli convenga aumentare questi valori.

Aggiornamento: per inserire un avatar anche nei commenti anonimi e in quelli con OpenID andate su Layout > Modifica HTML e cercate la riga

]]></b:skin>

quindi immediatamente sopra incollate il seguente codice

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

con al posto di URL_Immagine l'indirizzo dell'avatar. Per maggiori informazioni consultate l'articolo



23 commenti :

  1. ciao Parsifal... non trovo la secondo riga nel mio modello,quella che finisce con anchorName.
    quale devo cercare visto che questa non c'è? grazie

    RispondiElimina
  2. Sono paolo, ma è possibile modificare l avatar di default per gli anonimi?

    RispondiElimina
  3. @Michele
    Ho dato uno sguardo al codice del tuo Template (parlo di quello sul Milan) e non riesco a trovare neppure il blocco relativo ai commenti. Non saprei che dirti, mi spiace

    @Anonimo
    Al momento contentiamoci così in seguito qualcuno riuscirà anche a inserire quella opzione. Mi riprometto di presentarla quando ne vengo a conoscenza.

    Ciao

    RispondiElimina
  4. @Michele
    E' ovvio che con il codice fornito dal browser non possa visualizzare il tuo template completamente. Prova a cercare una riga che abbia solo anchorName. Clicchi su Ctrl+F e la inserisci. Può essere che ci sia qualche piccola variazione. L'inserimento dell'avatar è indipendente dalle altre cose, quindi se riesci a trovare il punto giusto dovrebbe funzionare anche a te.

    RispondiElimina
  5. ok, grazie comunque ;) .
    se ci sono novità su questo problema avvisami che mi piacerebbe molto inserire gli avatar nei commenti :)

    RispondiElimina
  6. avevo già controllato,niente da fare.. non siste nemmeno una riga con presente anchorName.. non esiste proprio la scritta anchor..

    RispondiElimina
  7. Hi parsifal,

    Sono Soufiane di www.LeBlogger.com

    La ringrazio per il link.
    Posso aggiungere una traduzione italiana, nel caso qualcuno ne ha bisogno.

    È possibile visualizzare un'immagine per i commenti anonimi.

    grazie
    buon week-end, Ciao

    RispondiElimina
  8. Ciao parsifal, a me accade una cosa strana.
    Come Michele non ho il secondo link, ma ho trovato "anchorName". Sopra ho inserito la seconda parte del codice. A questo punto mi visualizza gli avatar ma sfalsati di una riga.

    Forse è meglio se dai un'occhiata tu al risultato. Il link di un mio post con alcuni commenti è il seguente:

    http://www.blogpensiere.com/2009/09/inter-barcellona-0-0.html

    Grazie mille per l'interessamento

    RispondiElimina
  9. @Peppino
    Non mi sembrano sfalsati ma esattamente accanto al nome come in questo blog. Tu hai anche la data ed è quello che ti trae in inganno, come soluzione mi sembra esteticamente validissima.
    Dai uno sguardo anche a questo post per inserire un avatar anche per gli anonimi e quelli che si loggano con un openID. In questo caso non ci sonio problemi di inserimento.
    Ciao

    RispondiElimina
  10. Non sono inseriti accanto al nome della persona che inserisce il commento.
    Prendendo spunto dal link che ti ho inserito prima, il primo commento non ha avatar (correttamente in quanto è un anonimo). Il secondo commento, che ho scritto io, non ha l'immagine accanto al mio nome, ma si trova accanto al terzo commento.

    Spero di essermi spiegato meglio.

    Grazie ancora.

    RispondiElimina
  11. @Peppino
    Adesso ho capito ma francamente non saprei che dirti. Prova a cambiare posizione al codice ma stai attento, salva sempre il modello prima a scanso di equivoci.
    Ciao

    RispondiElimina
  12. RIsolto.

    Grazie mille per i tuoi preziosi suggerimenti

    RispondiElimina
  13. Ciao parsifal, non ti dico cosa c'è voluto nel mio template per far apparire gli avatar, il codice relativo alla form dei commenti era davvero fatto male, l'ho dovuto riscrivere -.-

    Senti io però non capisco 1 cosa, se aggiungo la regola CSS per gli utenti anonimi non funziona, anche perchè non viene poi richiamata da nessuna parte tra il modulo dei commenti...

    manca 1 parte di codice?Potresti dirmi quale visto che te ce l'hai? Magari aggiorni anche la guida :)

    RispondiElimina
  14. @Tanino Rulez
    Guarda che c'è un bug in Blogger. Come vedi delle volte gli avatar appaiono, altre volte appare l'avatar anonimo. Ne ho parlato anche con Soufiane LeBlogger che è stato l'inventore del metodo di inserimento. L'unica è attendere che quelli di Blogger mettano un po' di ordine. Se ci saranno novità le farò comunque presenti.
    Ciao

    RispondiElimina
  15. Ciao Parsifal, io vedo il mio avatar nei commenti fatti in blog wordpress mentre non lo vedo in blog su blogspot, come mai!?

    RispondiElimina
  16. @ivabellini
    Il collegamento al Profilo è giusto. E' una cosa che vedo abbastanza spesso quella della mancanza dell'avatar, credo sia un bug di Blogger. Prova a cambiare foto e ricambiarla nuovamente. Se commenti qui sotto, nella finestra popup che si apre il tuo avatar si vede correttamente, mah...

    RispondiElimina
  17. ho tolto la foto dell avatar su tuo consiglio e aggiornato il profilo poi ho rimesso la stessa foto di prima, riaggiornato il profilo e postato su un blog di moda...l avatar è tornato! ora sembra che tutto vada bene, magari qualcuno mi prenderà piu facilmente per un travestito ora, ma a me la foto piace cosi!:) grazie del suggerimento Parsifal.

    RispondiElimina
  18. Ciao Ernesto. Ho cercato una soluzione tramite blogger e nel tuo blog ma ancora non l'ho trovata e quindi, se hai un minuto (si fa per dire!) ti espongo la domanda.
    Da qualche giorno la foto che io ho inserito nel mio profilo non è più visibile come avatar. (puoi vedere anche tra i tuoi follower). L'ho sostituita più volte ma non si vede. Al posto della foto si vede uno spazio bianco con una crocetta rossa usando IE ed una pagina strappata con FF. Non so bene quali modifiche in html siano combaciate con la scomparsa. Ho comunque eliminato e rimesso qualche ultima modifica. Ma niente da fare. Tieni presente che le uniche modifiche che faccio le prendo dal tuo blog. Grazie mille!

    RispondiElimina
  19. @***KlArte*** Deve essere un bug di Blogger perché è una cosa che succede a molte persone. Guarda gli avatar di questi commentatori
    http://www.ideepercomputeredinternet.com/2011/04/il-problema-degli-zero-url-indicizzati.html#c4525498194987939479
    Non ti si vede su GFC ma almeno l'avatar nei commenti è visibile ^_^
    Segui anche questo thread
    http://www.google.com/support/forum/p/blogger/thread?tid=164311a62d74f3d5&hl=it
    Eventualmente, se il problema non si risolve, rivolgiti al Forum di assistenza
    http://www.google.com/support/forum/p/blogger?hl=it
    Ciao

    RispondiElimina
  20. Grazie Ernesto. Ho risolto con le indicazioni del thread che mi hai mandato. Grazie mille.

    RispondiElimina
  21. Ciao Ernesto ha un problema.
    Io tempo fa, ho maneggiato sul codice: volevo far comparire nei commenti solo l'immagine del mio avatar, e sostituire quella degli altri commentatori con una sola immagine uguale per tutti; così nei commenti comparivano 2 sole immagini: una per il mio avatyar e una per quella degli altri o dei commentatori anonimi.
    Se ora volessi far si che l'immagine di base rimanga solo per i commentatori anonimi, mentre per i commentatori non anonimi compaia la loro immagine come posso fare?

    RispondiElimina
  22. @Conte di Montenegro
    Devi fare il passaggio a ritroso. Se ti ricordi il tutorial che hai seguito rimodifichi tutto al contrario.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy