Pubblicato il 19/07/11 - aggiornato il  | 20 commenti :

Come evidenziare i commenti dell'autore del blog su Blogger.

Ho già avuto modo di illustrare come inserire i commenti dell'autore del blog dentro un rettangolo colorato in modo da distinguerli da quelli degli altri commentatori. Tale personalizzazione però non funziona con tutti i modelli. Vediamo come fare per inserire uno stile particolare per i commenti del proprietario del blog con un metodo che dovrebbe andar bene per tutti i template. Visto che da poco è stata introdotta la Nuova Bacheca di Blogger vedrò di usare proprio le schermate tratte da questa nuova interfaccia per realizzare gli screenshot esplicativi.
Accedete alla Bacheca tramite Blogger in Draft e selezionate il blog che volete personalizzare. Quindi andate su Modello > Esegui backup/ripristino modello e cliccate su Scarica modello completo 
backup-ripristino modelloSe la modifica non andasse a buon fine si va su Scegli file, si seleziona il file XML, di cui si è appena fatto il download, e si clicca su Carica per ripristinarlo. Si va adesso sulla riga sottostante Modello > Modifica modello e si mette la spunta a Espandi i modelli widget
modifica modelllo espandi modelli widget
Si clicca su F3 o su Ctrl+F per cercare la riga <data:comment.body/>. Ce ne saranno due ma a noi interesserà quella che si trova tra due tag che indicano un paragrafo, cioè il blocco di codice
<p>
<data:comment.body/>
</p>

commenti autore blog
Dobbiamo imporre un tag condizionale che serva per individuare quando l'autore del commento è anche l'autore del blog e, in questo caso, creare una classe di stile diversa da quella dei normali commenti. In sostanza si incolla questo codice
<b:if cond='data:comment.author != data:post.author'>
<p>
<data:comment.body/>
</p>
<b:else/>
<p class='commento-autore'>
<data:comment.body/>
</p>
</b:if>
al posto di quello evidenziato di viola. Sempre agendo su F3 o Ctrl+F, si cerca adesso la riga ]]></b:skin> e, subito sopra, si incolla un codice simile a questo
.commento-autore {
margin:5px 10px 5px 8px;
padding:5px 10px 5px 5px;
background:#FFEAE9;
border:1px dotted #003366;
}
Si Salva il modello dopo aver dato opzionalmente uno sguardo all'Anteprima.
salvare modello
I commenti dell'autore del blog saranno evidenziati da un diverso sfondo, un bordo e anche diversi rientri del testo rispetto ai commenti dei lettori
commenti autore blog[4]

Per aiutare nella personalizzazione, ricordo brevemente che
  1. I valori in pixel dopo margin rappresentano la distanza tra il box dei commenti e il resto del layout. La prima cifra è la distanza dalla parte alta, la seconda da quella destra e così via in senso orario
  2. I valori in pixel dopo padding fissano le distanze interne tra il testo del commento e il suo contenitore. La prima cifra è la distanza dalla parte alta e così via in senso orario
  3. Il codice esadecimale in background indica lo sfondo del commento (vedi i codici dei colori)
  4. La riga con border rappresenta lo stile del bordo del contenitore del commento e può anche essere eliminata.
  5. Si possono eliminare le righe che non ci interessano così come se ne possono aggiungere altre che riguardano per esempio il colore del testo.
Aggiornamento: Chi avesse dei lettori con il nick identico al loro possono usare la personalizzazione illustrata in questo post che risolve il problema.


20 commenti :

  1. Grazie mille. Mi serviva! L'ho fatto e funziona bene (www.babygreen.it)!

    RispondiElimina
  2. un altra simpatica miglioria da aggiungere nel blog...grazie ;)

    RispondiElimina
  3. Peccato, col mio template non funziona. :(

    RispondiElimina
  4. @Dona
    Mi sembra strano. Forse hai già degli stili già predisposti per i commenti che non possono essere modificati.

    RispondiElimina
  5. ho notato solo ora che se commenta una persona con il mio stesso nome il commento appare evidenziato come fosse un commento mio, come posso risolvere?

    RispondiElimina
  6. @Alessandra
    In effetti questo è un problema anche se molto raro. Occorrerebbe mettere una condizione che prescinde dal nickname e prenda in esame il Profilo.
    Il post di riferimento è questo
    http://www.ideepercomputeredinternet.com/2011/07/come-mostrare-lo-stesso-avatar-in-tutti.html
    Prova a mettere questa riga all'inizio del codice
    <b:if cond='data:comment.authorUrl == &quot;URL_PROFILO_BLOGGER&quot;'>
    e questa riga alla fine
    </b:if>

    RispondiElimina
  7. ho provato ma inserendo questo codice non mi evidenzia più nemmeno i miei di commenti...

    RispondiElimina
  8. @Alessandra
    Leggi l'aggiornamento. Dovrebbe risolvere il problema.

    RispondiElimina
  9. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  10. Ho provato anche questa versione più aggiornata oltre che l'altra.. ed ho pure fatto il tentativo di personalizzare solo il nome dell'autore del blog.. niente.. non funziona nulla.. Con gli altri template mai avuto problemi.. con questo che ho messo ora (scelto semrpe tra i design di blogger)niente da fare... Non capisco se ci son altrepersonalizzazioni che possono bloccare.. sigh..

    RispondiElimina
  11. In alcuni blog blogger, ho visto i commenti dell'amministratore con la scritta Admin.
    E' possibile questa cosa?

    grazie come sempre

    RispondiElimina
  12. @francescomisc
    Se vedi quel nome vuol dire che è il nick che si sono scelti come autore. Non sono a conoscenza di sistemi per modificarlo tanto meno adesso che c'è la fusione con Google+

    RispondiElimina
  13. @ ernesto

    Grazie per la solita celere risposta, ma non mi riferisco al nik admin. Oltre al nik è presente la scritta admin.
    grazie

    RispondiElimina
  14. Questo l'errore:
    È stato trovato più di un widget con ID: Image3. Gli ID dei widget devono essere esclusivi.

    Error 500

    RispondiElimina
  15. Ciao Ernesto,
    se volessi evidenziare con un colore i commenti dell'autore e con un altro colore i commenti degli altri utenti? è possibile farlo?

    Grazie mille.

    RispondiElimina
    Risposte
    1. @Ennio-+-+-+
      Non saprei. Adesso con i commenti nidificati il codice è stato molto modificato.

      Elimina
  16. ciao, io avendo un autore nei post che pubblica lui i commenti vengono evidenziati solo i suoi non si può fare in modo che i miei commenti vengano sempre evidenzitati?

    RispondiElimina
    Risposte
    1. @ Sairos
      Si possono evidenziare i commenti dell'amministratore del blog. Utilizzando i tag condizionali di questo articolo
      http://www.ideepercomputeredinternet.com/2012/08/box-informazioni-siti-multi-autore-blogger.html
      si potrebbe anche evidenziare un altro autore però c'è da lavorare
      http://www.ideepercomputeredinternet.com/2012/08/box-informazioni-siti-multi-autore-blogger.html

      Elimina

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