Pubblicato il 13/09/12e aggiornato il

Come sostituire il numero dei commenti con altro testo su Blogger.

Come modificare il link sul numero dei commenti in homepage dei blog su Blogger.
Con questo articolo rispondo a una domanda che mi era stata posta nel blog e che non potevo evadere utilizzando il misero modulo dei commenti. Mi era stato chiesto se fosse possibile sostituire in homepage l'espressione x commenti con un altra mantenendo però il link per accedere alla sezione dei commenti di quel post dove x è il numero dei commenti già ricevuti dall'articolo.

Ho già trattato come personalizzare le espressioni del footer del blog ma relativamente a quello che si vede quando si apre un articolo e non alla homepage, alle pagine di archivio e a quelle delle etichette. L'obiettivo di questa personalizzazione è quello di ottenere questo risultato


commenti-blogger[4]

dove l'espressione 4 commenti è stata sostituita da Esprimi la tua opinione. Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si cerca questo blocco di codice usando F3 o Ctrl+F

<b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
La parte colorata di rosso del codice si sostituisce con la riga
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Esprimi la tua opinione</a>

dove al posto di Esprimi la tua opinione può essere scelta una qualsiasi altra espressione. Si salva il modello e la personalizzazione è completata.

ULTERIORI CONSIDERAZIONI SUL LINK DEI COMMENTI

Se un navigatore clicca su Esprimi la tua opinione verrà aperto il post esattamente all'inizio dell'area dei commenti. L'aspetto delle pagine dei post rimarrà immutato mentre varieranno, oltre alla homepage, anche le pagine delle etichette e quelle di archivio.

Se si volessero inserire espressioni con apostrofi dovremo prima convertirli in XML con lo strumento Blogcrowds. Si deve incollare il testo, andare su Parse per poi selezionare e copiare quello convertito in XML. Per fare un esempio l'espressione Un'opinione grazie diventerà  Un&#039;opinione grazie . Gli accenti invece in linea di massima vengono supportati (Es. Dì la tua).

Il tag x commenti, o l'espressione che abbiamo inserito al suo posto, può essere ulteriormente personalizzato aumentandone la dimensione dei caratteri e cambiando il colore del testo. Per poterlo fare bisogna cercare sempre con F3 o Ctrl+F la riga ]]></b:skin> e, immediatamente sopra, incollare un foglio di stile o CSS come questo

.comment-link {
color:#003366 !important;
font-size:20px;
}
per ottenere questo risultato
personalizzare-link-commenti

I parametri in rosso che rappresentano il codice del colore e la dimensione dei caratteri possono essere modificati a piacere secondo le nostre esigenze e le tonalità del layout del blog. Ricordo che questa personalizzazione finale può essere fatta a prescindere dalla variazione della espressione ed è utile per mettere maggiormente in evidenza la sezione commenti di ciascun post a beneficio dei navigatori che si trovino in homepage, nelle pagine delle etichette o in quelle di archivio.




16 commenti :

  1. Suggerimento molto interessante che vorrei subito applicare per togliere quegli odiosi due punti. Nel mio blog però la parte in rosso è leggermente diversa e compare tre volte. Hai idea di come debba procedere?

    RispondiElimina
    Risposte
    1. @BastetLaDeaGatta
      Il sistema è quello di usare Firebug Lite per trovare i CSS degli elementi da modificare
      http://www.ideepercomputeredinternet.com/2012/07/firebug-chrome-blogger-css-html.html

      Elimina
    2. @Bastet, anche io detestavo quei due punti! Pensavo di essere l'unica che si accanisce sui dettagli microscopici.
      @Ernesto, grazie!

      Elimina
    3. Ho inserito l'antipixel (?) come ringraziamento nel mio blog appena nato. E' diventato come lo volevo solo grazie a te.
      Giulia

      Elimina
    4. @Giuliasciannella
      Grazie a te, se riesco a aiutare un pochino gli aspiranti blogger o quelli ancora inesperti sono già soddisfatto :)

      Elimina
  2. Forse ho capito! La parte

    < b:if cond='data:post.allowComments' > < a class='comment-link' etc. etc.

    mi compare tre volte perché: a) la prima è per la versione desktop del blog b) la seconda è per la versione mobile c) la terza è per quando non ci sono commenti al post. E' stato infatti inserito un tag condizionale - spero si chiami così - grazie al quale la scritta "0 commenti" viene modificata in "nessun commento".

    Procedo per tentativi. Se funziona, ti faccio sapere. ;)

    RispondiElimina
    Risposte
    1. Mi correggo: non ho capito perché compaia tre volte, ma a furia di tentativi sono riuscita a visualizzare "esprimi la tua opinione" al posto di "n commenti". Basta modificare la prima occorrenza.

      A ogni modo, è una bella personalizzazione. Thanks a million

      Elimina
  3. Grazie mille per aver preso in considerazione la mia richiesta!
    Appena mi sarà possibile proverò quanto hai descritto! ;)

    RispondiElimina
  4. Ciao, volevo fare la modifica al nome visualizzato dei commenti, ma il codice che mi appare quando espando i widget è diverso da quello che hai descritto, a me appare:

    < b:if cond='data:post.allowComments' >
    < a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>< /a >
    < /b:if >
    < /b:if >

    ... e non so cosa andare a modificare.
    Ho provato a usare il "misero modulo" ma niente non funziona nemmeno lui, ma solo per quello che riguarda i commenti, il resto sono riuscita a personalizzarlo senza problemi.
    Di queste cose non me ne intendo, mi affido completamente a chi ne sa di più.

    RispondiElimina
    Risposte
    1. @EleonoraSuriBovo
      Nei modelli personalizzati il codice cambia di parecchio. Non è che si possa pensare a tutti i modelli. Si prende come riferimento solo quelli ufficiali di Blogger. Prova a sostituire con il codice che ho postato solo la seconda riga di quello che hai indicato tu. Salva prima il modello ovviamente.

      Elimina
  5. Come sempre, ottimo lavoro! Solo una domanda...se volessi aggiungere un'immagine al messaggio personalizzato, come dovrei procedere?

    RispondiElimina
    Risposte
    1. @ Roberta
      Non ho testato ma nel secondo codice al posto di
      Esprimi la tua opinione
      prova a mettere questo codice
      <img src='URL DELLA IMMAGINE' alt='NOMEIMMAGINE'/>

      Elimina
  6. Ciao Ernesto, devo aver il template completamente alterato.. non so proprio dove applicare tali modifiche.. nel nuovo editor è possibile ripristinare i widget ai valori predefiniti.. ma di che modello widget si tratta? Poi magari così facendo poteri applicare la tua modifica... Che ne dici?

    RispondiElimina
    Risposte
    1. Questo post è stato scritto da più di un anno quando non esistevano ancora i commenti nidificati e il nuovo Editor HTML per il modello. Se non ti funziona sicuramente dipende da una di queste cose
      @#

      Elimina
  7. Anzi, ci ho già provato a a ripristinarli tutti ma non è cambiato niente..

    RispondiElimina

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.