Pubblicato il 13/01/12e aggiornato il

Come visualizzare l'icona dell'autore nei commenti nidificati di Blogger.

L'introduzione dei commenti nidificati da parte di Blogger ha indubbiamente colmato una lacuna che questa piattaforma aveva nei confronti di Wordpress e di altri CMS ma ha anche gettato un grosso scompiglio tra gli amministratori di blog che da un giorno all'altro, si può dire da un minuto all'altro, si sono trovati senza più personalizzazioni nell'area dei commenti e con alcune situazioni problematiche.
Uno di questi disservizi è rappresentato dall'ora del commento che non è stata ancora localizzata e che si riferisce a quella di Mountain View. Inoltre lo stile dell'ora e il mese sono indicati nel modo e in idioma anglosassone. Credo che al riguardo non si si debba preoccupare troppo e che la cosa sarà risolta a breve dallo stesso team di Blogger.
 
Un'altra problematica di cui mi sono accorto e che mi è stata fatta notare in diversi commenti è la mancanza della icona circolare a forma di matita che appare accanto ai commenti postati dall'autore del blog che non è presente nei modelli personalizzati in cui sono stati installati i commenti nidificati con il procedimento illustrato nel post precedente.


 
Ho appena trovato il modo per riuscire a visualizzarla in tutti i modelli. Non so però se ce ne sono di diverso tipo o se hanno tutte lo stesso aspetto. In ogni caso si potrà sempre modificare l'URL in un secondo momento. Occorre andare su Modello > Modifica HML > Procedi e cercare la riga ]]></b:skin>. Subito sopra si deve incollare questo codice
 
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

e salvare il modello. Aprendo un post con un commento dell'autore sarà finalmente visualizzata l'icona al fianco del nickname

Come vedete l'URL dell'icona è veramente terrificante. E' probabile che ciascun autore di Blogger abbia la sua icona personalizzata. Quindi se questo codice non funzionasse dovete procedere in questo modo. Createvi un blog di prova con un modello del Designer Modelli ma non a Visualizzazione Dinamica. Andate su Modello > Modiifca HTML > Procedi e cercate il codice CSS come quello precedente. L'unica differenza sarà nell'URL della icona. Copiatelo e incollatelo nel modello del vostro blog sopra alla riga ]]></b:skin>.





28 commenti :

  1. Anche con questa nuova opzione( parte finale del post) non funziona...

    RispondiElimina
    Risposte
    1. Allora può darsi che sia un problema del tuo template

      Elimina
    2. E' un template Blogger arricchito solo con i commenti numerati e in Home, affianco al titolo post, c'è il numero totali commenti.
      Tutto qua

      Elimina
    3. OK, ho riprovato e adesso è tutto sistemato. Come al solito sbagliavo io qualcosa. Preferisco però tenere ancora la vecchia versione con il numero commenti affiancato. Ho salvato però il template con la nuova versione.

      GRAZIE

      Elimina
    4. Susa dimenticavo, una domanda: prima della zona commenti, con la vecchia versione, appariva una mia nota per tutti i commentatori. Ho notato che con la nuova, la nota compare al disotto della zona commenti.
      Hai risoluzione a questo inconveniente, sempre sperando di essere stato chiaro.

      grazie ancora

      Elimina
    5. anche io ho visto che la nostra 'nota' appare sotto a tutti i commenti era meglio prima!

      Elimina
  2. anche io ho quel circolino nero con la matita, ma pazienza vedo che ce l hai anche tu ;-)
    io spero che sistemino al + presto l'orario commenti e data così non mi piace x niente!
    tra l'altro pensavo che col rispondi si avesse la notifica x email della risposta ho provato a chiedere riscontro ma no....allora a che serve potevano tenere cosi com'era, uffa...proprio adesso che avevo messo i numerini e le emoticons....se riesci a 'sistemare' i codici li rimetto subito!

    RispondiElimina
    Risposte
    1. Quel circolino nero ci deve essere! Individua che il commento è stato postato dall'autore del blog. Poi si possono fare tutte le discussioni che si vuole sulla sua estetica. In ogni caso l'icona può anche essere cambiata

      Elimina
  3. Invece io ho il problema che mi si sono rimpiccioliti i commenti, ovvero il carattere, dipende da blogger o dal mio blog? cosa posso fare? grazie...

    RispondiElimina
    Risposte
    1. @Maria Luisa
      Come consiglio generale ti posso dare quello di seguire questo blog in modo diverso. Ho già pubblicato un articolo su come aumentare la dimensione dei caratteri
      http://www.ideepercomputeredinternet.com/2012/01/altro-metodo-per-attivare-il-link.html
      Quando vedo che dei lettori si sono persi dei post mi dispiace molto ;((

      Elimina
  4. non funziona a me però non creo il nuovo blog appositamente....non mi va..ahah..ma quell'icona a me non c'era nemmeno prima, a cosa serve?!

    RispondiElimina
    Risposte
    1. @Domenico Sergio Antonacci
      Vuoi dire che non hai neppure un blog di prova per fare dei test? Io ne ho a decine ahahah Se ne possono creare fino a 100, perché non sfruttare la cosa se serve ^^

      Elimina
  5. a dire il vero ne ho creati in passato..però non sono uno smanettone anche se il mio blog è abbastanza originale. Da circa 10 giorni ho inserito questo tuo blog tra i preferiti ed allora le modifiche sono aumentate a dismisura ahaha....prima ci capitavo solo dopo qualche ricerca su google...

    a cosa serve quell'icona comunque?!

    RispondiElimina
    Risposte
    1. Solo a mostrare ai lettori che quel commento è stato fatto dall'autore del blog. Un modo per evidenziare i commenti di chi pubblica i post. In seguito troveremo certo cose più evidenti.

      Elimina
  6. caro ernesto, si sa qualcosa sul fuso orario sbagliato dei commenti?! :D

    RispondiElimina
    Risposte
    1. Ufficialmente nulla ma come vedi non c'è solo il fuso sbagliato ma manca anche la localizzazione in italiano. Aspettiamo e vedremo (si spera ...) :)

      Elimina
  7. ho provato sostituire l URL dell'icona nera con matita, con la mia: l ho scritta sostutuendo l url così:
    url(data: http://www.blogger.com/favicon-image.g?blogID=2899931291321487390)

    ma evidentemente sbaglio perchè mi viene fuori la medesima icona brutta! mi puoi aiutare per favore?

    RispondiElimina
    Risposte
    1. Devi sostituire l'URL della icona non quello del Profilo. L'URL dell'icona lo puoi ricavare solo da un blog di prova in cui hai usato un template del Designer Modelli (non a Visualizzazione Dinamica)

      Elimina
  8. Fatto! Ora anch'io ho la mia matitina ^_^

    RispondiElimina
  9. quello è URL dell'icona che ho vicino al link del mio blog!! non è la foto del profilo! e poi non ho un blog di prova!! :-(

    RispondiElimina
  10. @Fioredicollina
    Infatti ho rimesso tutto come prima dopo che Soffio di Dea mi ha avvertito che non si vede bene con IE8 :(((

    RispondiElimina
  11. ciao Enesto, volevo dirti che su alcuni blog la procedura descritta in questo post non funziona. Si può provare anche questa procedura, che ha dato già esiti positivi...

    cercare questa riga nel modello

    .comments .comments-content .icon.blog-author

    trovando questo codice

    .comments .comments-content .icon.blog-author {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 0 -4px 6px;
    }

    e quindi inserire direttamente qui il codice dell'icona ottenendo alla fine questo codice

    .comments .comments-content .icon.blog-author {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 0 -4px 6px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
    }

    ciao..Buona giornata! Mario Alan

    RispondiElimina
  12. Ciao, scusa, ma io quell'articolo l'ho letto e l'ho messo in pratica, ma comunque non funziona, quindi non credo sia un problema del blog, perchè è successo da quando blogger ha fatto le modifiche ai commenti...scusami ancora...

    RispondiElimina
  13. Grazie, mi è stato molto utile quest'articolo! :)

    RispondiElimina
  14. ciao ernesto, io invece la matita la voglio eliminare, non voglio che appaia nessuna icona, ho un modello simple di blogger, cosa dovrei fare?

    RispondiElimina
    Risposte
    1. Prova a incollare con le modalità descritte nel post queato codice

      .comments .comments-content .icon.blog-author {display:none;}

      opppure quest'altro

      .comments .comments-content .icon.blog-author {display:none !important;}

      @#

      Elimina
    2. ho provato ad inserire sopra b skin entrambi i codici, ma continuo a visualizzare l'icona purtroppo

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.