28 giugno 2012

Come mostrare un messaggio nei commenti nidificati di Blogger.

Nel post precedente ho illustrato come inserire un messaggio prima del modulo dei commenti nei blog su piattaforma Blogger. Se sono stati attivati i commenti nidificati, tale messaggio verrà visualizzato alla fine di questi ultimi e solo il primo commentatore lo potrà leggere posizionato nel modo corretto.

L'autore del blog vietnamita Duy Pham ha trovato la soluzione a questo problema permettendoci di mostrare il messaggio sempre sopra al modulo dei commenti in qualunque punto venga visualizzato. Ricordo infatti che il box dei commenti, oltre che alla fine, può essere visto anche in mezzo quando si clicca su Rispondi per continuare una discussione con un commentatore.

Andate su Modello > Backup/Ripristino e salvate il modello completo per tenere da parte una copia di sicurezza. Tornate su Modello > Modifica HTML > Procedi e mettete la spunta a Espandi i modelli widget. Digitate F3 o Ctrl+F per cercare la riga seguente

<b:includable id='threaded-comment-form' var='post'>

Scorrete il codice fino a trovare i due tag mostrati nello screenshot 

codice-commenti

  1. Subito dopo  <b:else/> va incollata la riga <div id='threaded-comment-form'>
  2. Subito prima di </b:if> va incollato il tag </div>
Come mostrato in questo nuovo screenshot

codice-messaggio-commenti

Adesso sempre andando su F3 o su Ctrl+F si cerca la riga

document.getElementById(domId).insertBefore(replybox, null);

che si sostituisce con quest'altra

document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);

come si può vedere in questo ultimo screenshot

modulo-commenti

Finalmente si salva il modello. Se abbiamo inserito un messaggio andando su Impostazioni > Post e Commenti > Messaggio del modulo dei commenti > Modifica, questo si visualizzerà sopra al box dei commenti da tutti i lettori anche se hanno cliccato su Rispondi

modulo-commenti-messaggio-blogger
In tale scritta possono essere inseriti i tag per il grassetto e per il corsivo. Vediamo come si possa anche modificarne il colore, la dimensione e la famiglia di caratteri. Si va sempre su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin>. Subito sopra si può incollare questo codice

#threaded-comment-form p {
color:#D84938;
font-family:Arial;
padding-left:12px;
background: url(https://lh4.googleusercontent.com/-DLDS6wTN87Q/Tz0J1-9jYRI/AAAAAAAAWmA/nilLePZY2qs/s10/check.png) 0px 6px no-repeat;
}

Dopo aver salvato il modello, il messaggio prenderà questo aspetto

comkmenti-messaggi-blogger

I parametri in rosso possono essere modificati a piacere, le righe che non interessano possono essere tralasciate e si può d'altra parte aggiungere altro codice per personalizzare il testo in modo diverso.



4 commenti :

  1. Grazie mille! Lo provo subito (appena capisco cosa sta succedendo al mio blog).

    RispondiElimina
  2. Come mostrare un messaggio all'accesso solo in determinati post??

    RispondiElimina
    Risposte
    1. @MarcoParrilla
      Credo sia non solo al di sopra delle mie capacità ma che con Blogger non si possa proprio fare

      Elimina
    2. sono dell'idea che tutto si possa fare...magari è un casino?! :D
      cmq grazie della disponibilità...buon lavoro...ricorda che ti seguo tutti i giorni :)

      Elimina

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