Pubblicato il 30/07/11e aggiornato il

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)

profilo bloggerAdesso 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

   commenti personalizzati blogger

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

commenti autore blog

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





27 commenti :

  1. ho provato anche con queste modifiche ma non succede nulla, il problema resta sempre il medesimo, che dipendesse dal modello?

    p.s. ho cancellato l'altro commento perchè l'altro problema che avevo era dato da un errore di trascrizione del codice :)

    RispondiElimina
  2. ho provato a cambiare nick e ho notato che, anche se nei commenti vecchi il nick non si aggiorna, evidenzia solo i miei, meglio di niente :D

    RispondiElimina
  3. @Ernesto T.: come ti dicevo nell'ultimo commento, ho risolto il problema cambiando il mio nick, tutttavia i vecchi commenti non si aggiornano con il nuovo nick per questo appare funzionante :)

    RispondiElimina
  4. @Alessandra
    I vecchi commenti non devono aggiornarsi! Rimangono con il vecchio nick. Comunque qualsiasi nick tu scelga verranno evidenziati solo i tuoi commenti vecchi e nuovi che siano.

    RispondiElimina
  5. Ciao Ernesto,ho applicato questo metodo da te suggerito e va bene.Poi ho provato a cambiare il colore e ha funzionato.Allora mi sono chiesto va a finire che posso ingrandire anche i caratteri e quindi ho provato a inserire font-size: 14,come mi avevi detto tu.Ha funzionato!Dietro a questo risultato,sai se riesco a cambiare i caratteri anche dei commentatori?Buona giornata

    RispondiElimina
  6. @erborista1
    Non con questo codice. Per modificare la dimensione dei caratteri dei commenti devi andare nel modello e trovare il blocco di codice che la determina. Dovrebbe esserci una riga così
    .comments {
    Se hai il Designer modelli puoi comunque cambiare le dimensioni andando su Avanzato e selezionando le opzioni desiderate.

    RispondiElimina
  7. @ Ernesto T.: se ritorno al nick vecchio il problema dell'omonimia rimane, rimarrò con questo nuovo nick, meglio di niente :D

    RispondiElimina
  8. @Alessandra
    Non credo affatto che rimanga. Prova a tornare a Alessandra, fai un commento di test nel post in cui c'è l'altra Alessandra e vedrai che i tuoi commenti saranno tutti evidenziati a prescindere dal nick mentre quello della lettrice Alessandra non lo sarà.

    RispondiElimina
  9. @Alessandra
    Non occorre neppure fare il test. Nei commenti di questo post
    http://missboombaby.blogspot.com/2011/07/diy-tonico-fai-da-te.html
    si vede già chiaramente quello che ti ho appena detto.

    RispondiElimina
  10. no Ernesto, guarda ora che sono tornata al vecchio nick. il problema rimane!

    RispondiElimina
  11. ho fatto anche lo stamp: http://3.bp.blogspot.com/-P576xkn8Vrk/TjgGKTuOl-I/AAAAAAAAAl0/I3MFvVT2QJA/s1600/comm.jpg come vedi con il vecchio nick il problema rimane!

    RispondiElimina
  12. @Alessandra
    Ho visto. E' una cosa di una stranezza assoluta. Siamo in piena estate e sto commentando con il cellulare altrimenti ci perderei la testa a trovare la causa ;)

    RispondiElimina
  13. eh lo so che è strano e io non mi intendo di xml quindi lascio così, non mi disturba cambiare nick :)

    RispondiElimina
  14. come posso fare per inserire “trovaci su Facebook” e “mi piace” in italiano, anzichè in inglese? Grazie! Scusa la banalità della domanda, ma sono un principiante!

    RispondiElimina
  15. @Bontà Pugliese
    Ti ho già risposto qui
    http://www.ideepercomputeredinternet.com/2011/07/come-personalizzare-il-like-box-o.html?showComment=1318372456644#c7305515781225105807

    RispondiElimina
  16. Perchè nel mio blog non funziona???

    grazie come sempre

    RispondiElimina
  17. @francesco_qci_
    Prova con questo
    http://www.ideepercomputeredinternet.com/2011/01/come-inserire-i-commenti-dell-del-blog.html
    o con quest'altro
    http://www.ideepercomputeredinternet.com/2011/07/come-evidenziare-i-commenti-dell-del.html

    RispondiElimina
  18. Errore anche con questo metodo....!!!! :(((((((((

    RispondiElimina
  19. @francesco_qci_
    Che non funzioni in qualche modello lo posso capire ma che dia errore mi sembra molto strano. Forse hai un modello molto personalizzato con i tag inventati di sana pianta dall'autore del template.

    RispondiElimina
  20. E' un modello ufficiale Blogger.
    Grazie come sempre per la celere risposta.

    RispondiElimina
  21. @francesco_qci_
    Allora sbagli qualcosa anche se il tipo di errore (500) potrebbe far pensare a un errore interno del server di Blogger.

    RispondiElimina
  22. Ciao Ernesto! Ho modificato qualcosa che mi ha fatto sparire le immagini degli autori dei commenti, vorrei rimetterle, come posso fare? Grazie! :)

    RispondiElimina
    Risposte
    1. @Ennio+-+-+-
      Nella vecchia Bacheca si poteva scegliere di non mostrare gli avatar dei commentatori ma adesso non credo sia più possibile. Prova a leggere questo post
      http://www.ideepercomputeredinternet.com/2009/09/blogger-introduce-la-foto-o-avatar-del.html
      forse ti può aiutare. Guarda se c'è il codice degli avatar anche se da allora è cambiato.

      Elimina
    2. Effettivamente mi ricordo che avevo scelto nella vecchia bacheca di non mostrare gli avatar nei commenti...non sono riuscito a trovare il codice degli avatar...non si può rimediare in alcun modo? :(

      Elimina
    3. @Ennio+-+-+-
      Se hai un altro blog con un modello simile prova a cerca nell'HTML questo codice
      avatar-image-container
      cliccando su F3. Probabilmente nel modello del tuo blog non c'è. Se riesci a copiare quello dell'altro blog forse puoi risolvere

      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.