Come aggiungere un link di replica nei commenti su Blogger.

Forse è il caso di spiegare nel dettaglio il funzionamento di questa personalizzazione molto carina inventata da Blog Zone. Se scorrete i commenti sul post vedrete, accanto a tutti quelli che hanno commentato, la scritta [Reply to comment]

Se un utente, che ha già effettuato l'accesso a Blogger, clicca su quel link, si apre una finestra popup con un collegamento già impostato nel modulo del commento

Si tratta di una stringa di questo genere

@<a href="#cID_COMMENTO">USERNAME</a>

Se si digita un messaggio e si va su Pubblica, la prima parte del commento sarà data dal nickname dell'utente a cui si è deciso di rispondere e dal link al commento. Come vedete nel primo screenshot, prima di testing, c'è il collegamento all'utente a cui si è risposto e al suo commento specifico. Se si clicca su questo link, saremo reindirizzati al commento a cui si è deciso di rispondere. Provate a testare il funzionamento nei commenti di risposta nella pagina che vi ho linkato all'inizio. L'URL generato automaticamente sarà del tipo

http://URL_DEL_POST#cID_COMMENTO

Se vi piace la posizione del link, potete inserire il codice di Blog Zone dopo la riga del modello che è stata indicata (<data:commentPostedByMsg/>). In questo articolo mi appoggio a questo codice ma faccio una piccola modifica per inserire la scritta Reply to Comment in un'altra zona del template. Ricordo comunque che i commenti non saranno nidificati come accade con Wordpress o con il modulo dei commenti del Social Comments Plugin di Facebook. Andate su Design > Modifica HTML e salvate il modello completo. Espandete i modelli widget e con F3 cercate la seguente riga

<dd class='comment-footer'> 

Immediatamente sotto incollate questo codice

<span class='comment-reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'> &#9668; <i>Rispondi</i>
</a></span>

La personalizzazione più importante riguarda l'ID del vostro blog che dovrà essere sostituito a ID_BLOG evidenziato di rosso. Per ricavarlo basta copiarlo nella barra del browser quando si clicca su Design o su Impostazioni

Si tratta semplicemente di un numero con una ventina di cifre. Si possono scegliere anche le dimensioni della finestra popup che si aprirà, 400 pixel di larghezza e 450 di altezza quelle proposte, oltre alla scritta da visualizzare sotto al commento. &#9668; rappresenta il simbolo della freccia e la scritta Rispondi è stata inserita con il tag <i> che la mostra in corsivo. Ecco l'aspetto che avranno i commenti con il codice inserito in questa posizione

I colori dei link, dei link visitati e di quelli puntati con il mouse saranno ereditati da quelli del blog. Al posto della scritta può anche essere inserita una immagine con questa modalità

<img src="URL_IMMAGINE"/> si sostituisce a &#9668; <i>Rispondi</i>

L'immagine utilizzata dovrà avere dimensioni adeguate e dovrà essere precedentemente caricata su hosting quali Picasa, SkyDrive o DropBox. Ho testato questa interessante personalizzazione in un blog che uso per le prove. Se volete potete verificarne il funzionamento andando in questo post e cliccando su Rispondi. Si aprirà una finestra popup con il collegamento al commento e con il nome di chi lo ha postato.

L'introduzione del link di risposta è certamente una grande idea per i blog su Blogger che hanno molti commenti. Con questa modalità sarà più semplice per tutti inserire il link al commento a cui si vuol rispondere e visualizzarlo immediatamente quando ci si clicca sopra. Questo può essere verificato anche con i due commenti di risposta che ho inserito come test nel post.