Pubblicato il 11/03/11 - aggiornato il  | 52 commenti :

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]

reply to comment in blogger

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

collegamento preimpostato di risposta al 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

id blog su blogger

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

commenti link autore

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.

collegamenti automatici ai commenti in blogger

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.




52 commenti :

  1. questo hack è davvero formidabile e forse era indispensabile per Blogger

    RispondiElimina
  2. @soccerbetter
    L'ho subito inserito anche in questo blog che in genere lascio molto "pulito"

    RispondiElimina
  3. Complimenti!v Questo lo inserirò di sicuro sul mio blog! Grazie!

    RispondiElimina
  4. L'ho inserito. Grazie!
    Buona domenica
    erika

    RispondiElimina
  5. se nelle impostazione dei commenti
    alla voce:
    Posizionamento modulo dei commenti
    = pagina intera
    come uso io ... non funzia
    mentre funziona se spunto l'opzione
    "incorporato sotto al post"

    RispondiElimina
  6. @Tex Willer
    Io uso finestra popup e in questo caso funziona. Chissà perché con la pagina intera no! Bohhh!

    RispondiElimina
  7. Uau!! L'ho visto ieri, l'ho cercato nel tuo blog e l'ho caricato sul mio! Fantastic!

    RispondiElimina
  8. C'è un enorme problema:
    Io cerco la riga dd class='comment-footer' (ho tolto le freccette perchè sennò il commento non lo pubblica) ma mi dice che non la trova.
    E' possibile??
    Grazie e ciao!

    RispondiElimina
  9. @MariaFelicia99 Se ti riferisci a questo blog
    http://dressup-stardoll.blogspot.com/
    in effetti invece di quella riga c'è quest'altra
    < p class='comment-footer' >
    Segui la procedura indicata incollando il codice sotto questa riga. Complimenti! Sei certamente la mia più giovane lettrice. Avere tre blog alla tua età è sintomo di grande intelligenza.
    Ciao
    P.S Stai attenta e salva il modello prima di modificarlo. Ho inserito degli spazi nella riga di codice per la solita ragione di poter salvare il commento.

    RispondiElimina
  10. Se non ci fosse neppure quella linea cercane comunque una con
    class='comment-footer'

    RispondiElimina
  11. Ah! Ecco perchè! Da stupida non avevo spuntato la casella "espandi modelli widget"!!! Ora ho trovato la riga!!!! Grazie!!!!!
    P.S: Dress-up Stardoll era un blog di prova (l'avevo creato per poi stufarmi...) il mio "vero blog" è www.vitadastudentidellemedie.blogspot.com.

    RispondiElimina
  12. @MariaFelicia99 Non te la prendere ^_^ all'inizio è capitato anche a me diverse volte :)

    RispondiElimina
  13. @Ernesto T.
    è possibile fare in modo che per rispondere non venga fuori una finestra popup, ma che venga inserito istantaneamente?

    RispondiElimina
  14. @Corvo Michele In Impostazioni > Commenti ci sono tre opzioni: pagina intera, finestra popup oppure modulo incorporato sotto il post. La terza opzione è quella che fa per te, credo.

    RispondiElimina
  15. @Ernesto T.
    Il problema è che io ce l'avevo anche prima e quindi ora, per i commenti normali non in risposta a qualcuno, mi va subito, mentre schiacciando su rispondi si apre la finestra! come fare?

    RispondiElimina
  16. @Corvo Michele Se non ti funziona tanto vale toglierlo...

    RispondiElimina
  17. non funziona quando si vuole rispondere ad un commento presente in una pagina statica...ERRORE bX-squpju...esiste una soluzione?! Grazie!

    RispondiElimina
  18. @Mario Alan
    Ti ripeto che le pagine statiche hanno un funzionamento diverso dagli articoli. Il link Rispondi è per i commenti nei post. Per evitare di vederlo nelle pagine statiche inserisci questa riga all'inizio del codice
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    e quest'altra
    </b:if>
    alla fine

    RispondiElimina
  19. FUNZIONA...stavo proprio per chiederti questo, visto che mi sono ricordato (in ritardo) la vera funzione delle pagine statiche...Grazie per la pazienza! ciao

    RispondiElimina
  20. Salve, vorrei sapere una cosa: quando si clicca sul link "Rispndi" si apre la finestra dove scrivere il commento...
    nel riquadro del commento compare il codice di riferimento @<a href.. ...ecco, mi chiedevo se fosse possibile far apparire il cursore per scrivere (non appena si clicca) direttamente a capo rispetto al @<a href... e non attaccato come compare ora...spero di aver spiegato bene la mia richiesta...Grazie!

    RispondiElimina
  21. magari qualche programmatore passa di qui e ci da la soluzione...Grazie lo stesso... :D

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

    RispondiElimina
  23. @Mario Alan
    Può essere una idea. Per curiosità prova a aggiungere
    <br/>
    Non so se darà errore, però.
    P.S E' il salto di linea in linguaggio XML

    RispondiElimina
  24. Niente. Non si riesce a postare il salto di riga in XML, lo converte automaticamente.
    Prova a andare qui
    http://blogcrowds.com/resources/parse_html.php
    Incolla <br/> e poi clicca su Parse

    RispondiElimina
  25. RISOLTO!
    basta aggiungere questo
    %3C%62%72%2F%3E
    nel codice, SUBITO PRIMA di #form

    ora pubblica direttamente "a capo"

    RispondiElimina
  26. Sei sicuro? A me pare che il cursore rimanga dove prima. Invece con questo codice qui

    <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&lt;br/&gt;#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>
    si crea automaticamente un tag
    <br/>
    prima del commento che produce un salto di riga automatico quando si va a commentare

    RispondiElimina
  27. il codice che dici tu l'ho provato pure e funziona, ma rallenta il caricamento del blog e crea un errore quando si commenta con l'account di blogger (anche quando commento io sul tuo blog)...e non ho capito come mai...

    con quello che ti ho indicato, si genere sempre il <br/> e quando si pubblica il commento va automaticamente a capo...e soprattutto non ho notato niente di anomalo...

    RispondiElimina
  28. Gli errori sono dovuti a Blogger che in questo periodo ha dei problemi e non al codice. Che vuoi che rallenti un tag in più?

    RispondiElimina
  29. se è come dici tu, comunque entrambi i metodi aggiungono un <br/> che permette di pubblicare direttamente "a capo"..non c'è differenza...

    RispondiElimina
  30. posso chiederti un cosa OT?!

    nella finestra popup quando si commenta, come hai fatto ad inserire il messaggio "Sarò lieto, nei limiti del possibile, di rispondere a domande su articoli da me pubblicati.Saranno eliminati i commenti con link attivi non attinenti all'argomento trattato. Per contattarmi via email puoi utilizzare il modulo dei contatti." ?

    Grazie.

    RispondiElimina
  31. @Mario Alan
    Vai su Impostazioni > Commenti > Messaggio del modulo dei commenti e incolli testo o anche HTML (solo i tag precisati oltre a quello del collegamento)

    RispondiElimina
  32. Alla fine seguendo i tuoi consigli e quelli degli altri blogger sono riuscita a inserire questa bella funzione. Il mio problema era che avevo impostato i commenti a pagina intera e così non funzionava mentre sotto il post funziona alla grande. Ciao e grazie.
    Roberta

    RispondiElimina
  33. Eccomi qui!
    riporto il codice di riferimento:
    blockquote {
    width: 90%;
    margin: 2em auto;
    padding: 0 0 0 1em;
    border-left: 2px solid #000;
    font-style: italic;
    }
    Ho provato a cambiare la percentuale ...ma non ho ottenuto niente..

    RispondiElimina
  34. La cosa strana è che nel blocquote che inserisco al post i caratteri non sono tanto giganteschi..non me lo spiego!

    RispondiElimina
  35. @ninavoice
    Hanno cambiato il codice dei commenti. Prova con questo sistema. Salva il modello, poi cerca la riga ]]> e subito sopra incolla questo codice

    .comments .comments-content .comment-content {
    font-size:12px !important;
    }

    Se non funzionasse, prova a inserire la seconda riga che determina la dimensione dei caratteri anche in altri CSS perché non si sa bene quale sia quello attivo. Li puoi trovare in questa pagina

    http://www.ideepercomputeredinternet.com/2012/01/elenco-delle-classi-di-stile-css-dei.html

    RispondiElimina
  36. No guarda, ti faccio una statuina in das e ci scrivo su GRAZIE!
    Finalmente caratteri normali :)

    Manca solo il titoletto "commenti" e il nick con data dei commentatori...ho cercato tra i css che mi hai dato, secondo te va bene questo:
    .comments .comments-content .user { ... }

    nella parentesi che ci devo mattere?

    RispondiElimina
  37. Ok... risolto^^
    copia e incolla con font-size:12px !important; ed è andata ^^

    ti ringrazio ancora :)

    RispondiElimina
  38. Ho provato e ha funzionato,si apre la finestra, desidero però inserire la parola rispondi sotto il post. E' possibile? Grazie

    RispondiElimina
  39. @Solema
    Devi usare i nuovi commenti nidificati

    RispondiElimina
  40. chi mi dice di lor signori perchè pur avendo blogger inserito bontà sua la funzione rispondi a commenti, non mi da la possibilità di usarla..... io riesco ad usarla su blogger di altri e altri sul mio blog.... ma se io premo su rispondi ad un commento che mi è stato fatto non si apre nessuna finestra :(
    rosico da morire

    RispondiElimina
  41. @bussola
    Prova a seguire le indicazioni di questo post

    http://www.ideepercomputeredinternet.com/2012/01/come-attivare-le-risposte-nidificate-ai.html

    RispondiElimina
    Risposte
    1. ho seguito le istruzioni dell'altro post... ho cambiato il codice htlm ..e sistemato le impostazioni..... ma nulla... la finestrella non mi si apre

      Elimina
    2. @bussola
      Mi spiace ma non saprei come aiutarti ...

      Elimina
    3. anche a me succede la stessa cosa..se clicco su rispondi non succede nulla :( potete aiutarci?

      Elimina
    4. @PasticciandoconRosy
      E' un problema molto comune con i vecchi modelli

      Elimina
    5. ok quindi non ho speranze. grazie lo stesso

      Elimina
  42. Grazie per questo post molto interessante. Era davvero da tanto tempo che desideravo inserire la voce "Rispondi" nel mio blog. Ho un paio di domande da porti; la finestrella pop-up deve aprirsi per forza a parte? Perchè ho visto che su altri blog (compreso il tuo) che la finestrella per rispondere si apre direttamente sotto al commento postato e piacerebbe anche a me averla così. Altra cosa, affianco alla voce rispondi sotto ad un commento, c'è la data e l'ora in cui è stato postato. Io però vorrei che si visualizzasse vicino al nome di chi ha commentato. Come posso fare?? Aspetto tue notizie!! :)

    RispondiElimina
    Risposte
    1. p.s. provandolo ti dico che quando do l'ok per pubblicare il msg di risposta, la risposta (scusa per il gioco di parole) non compare! :(

      Elimina
    2. @LadyDelish
      Questo metodo di inserimento del link Rispondi funziona solo con i vecchi template. Nei nuovi template, come il mio, sono stati abilitati i commenti nidificati o se vuoi le discussioni (thread).
      Non so se il tuo template sia compatibile. Leggiti questi post
      http://www.ideepercomputeredinternet.com/2012/01/come-attivare-le-risposte-nidificate-ai.html
      http://www.ideepercomputeredinternet.com/2012/01/blogger-introduce-le-risposte-e-la.html
      http://www.ideepercomputeredinternet.com/2012/06/blogger-messaggi-commenti-modulo.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