-->

Aggiungere rispondi a commenti blogspot

Chi ha un blog blogger sà che possiamo aggiungere un pulsante di replica commenti solo nella modalità commenti incorporato. Oggi vi voglio svelare un metodo unico è originale ideato da me per inserire il pulsante delle risposte commenti con le eventuali risposte utilizzando per i commenti una finestra popup.
Il vantaggio di avere un form commenti in finestra popup è quallo di velocizzare, anche se solo minimamente, il caricamento della pagina rispetto ad un normale form commento incorporato.

Come aggiungere un pulsante di replica ai commenti popup? 

1) Come prima cosa createvi un backup solo per essere sicuri in caso di eventuali errori. Basta andare in Modello / Backup/Ripristino (In alto a destra) e infine liccate su Scarica modello completo.

2) Andiamo in Impostazioni / Post e Commenti e controlliamo che sia impostato "Incorporato" in Posizione commento.

3) Ora andiamo in Modello / Modifica HTML e solo se utilizziamo la vecchia versione di blogger spuntiamo Espandi modelli Widget altrimenti non ce ne sarà bisogno. Ora  clicchiamo con il mouse su una parte qualsiasi della pagina dove è presente il codice e successivamente sui tasti della tastiera Ctrl e F contemporaneamente così sotto o in alto, nel browser, apparirà una casella di ricerca che ci dà la possibilità di cercare eventuali parole nella pagina, quindi, cerchiamo questo pezzo di codice:

            replybox.height = '250px';
            replybox.style.display = 'block'; 
            replyUrlParts = replybox.src.split('#');

e cancelliamo solo quella che ho colorato di rosso. Questa stringa blocca il form commenti quindi è essenziale concellarla se vogliamo proseguire.

4) Il passaggio successivo è sfruttare i css per creare un sistema commenti come in questo blog, quindi, ora cerchiamo </style> </b:skin> e poco prima inseriamo:

 #comment-editor {display:none;}
.comment-replybox-single #comment-editor { display: inherit;}
.comments .comments-content .comment-replies #comment-editor { display: inherit;}
.comment-form p { display:none; }
5) Quest' ultimo passaggio inserirà il pulsante per aggiungere un commento.
- Nel caso volessimo aggiungere un pulsante che faccia apparire il form commenti in finestra popup, dovremo inserire:

<span class='comment-botton'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=&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;'>
<i><data:postCommentMsg/></i></a></span>

dovremo cambiare XXXXXXXX con il nostro ID che possiamo trovare sul link quando ci colleghiamo al nostro account blogger. La posizione in cui inserirlo dipenderà dal nostro template quindi dovremo provare finchè non è visibile, io ad esempio l' ho inserito fra

         <data:post.commentHtml/>
      </div> (Inserito qui )
    </div>

 ma non è per tutti uguale, quindi se non appare dopo aver salvato il tutto dovrete provare in altre posizioni.
Ovviamente nel caso volessimo combiare lo stile del link/pulsante basta inserire i css con .comment-botton .


- Nel caso invece non vi piaccia la finestra popup potremo inserire al posto di quella detta per far apparire la finestra popup, questa:

<a href="javascript:void(0)" onclick="var el=document.getElementById('comments'); el.style.display=='block'?el.style.display='none':el.style.display='block';">Commenti></a>

che semplicemente ritira il form dei commenti incorporati e cliccandoci sopra compare ma io preferisco la finestra popup.

Se avete problemi lasciate un commento e cercherò di aiutarvi come posso.

6 commenti:

  1. ottimo ma, devo dire che mi ci è voluto un pò per trovare la posizione giusta in cui inserire il link "Posta commento" dato che ho un template personalizzato. Comunque la migliore soluzione per mettere le risposte ai commenti che abbia trovato nel web. Grazie sei grande

    RispondiElimina
    Risposte
    1. Ciao volevo soltanto provare. Bellissimo, complimenti!

      Elimina
  2. Ciao, io non ho il tasto "espandi modello widget"..come posso fare?
    grazie

    RispondiElimina
    Risposte
    1. ciao Giorgia, non c'è nessun problema, nell' ultima versione della sezione "Modello" resa disponibile da non molto, hanno tolto "espandi modello widget" per un sistema più pratico in cui si può espandere singolarmente ogni widget quindi puoi saltare questo passaggio del post e proseguire con le modifiche successive

      Elimina
    2. Quindi non devo aprire nessun widget specifico?
      Perché io "replybox" non lo trovo nella pagina.

      Elimina
    3. deve esserci, è una parte dello script che fà comparire la sezione commenti, senza lo script il form commenti non compare. Lo script dovrebbe essere all' interno di ( b:includable id='threaded_comment_js' var='post' ), trovalo e espandilo cliccando sul triangolino nero che trovi al suo lato e dovresti vedere lo script, cerca la parte in questione e procedi ma è più semplice cliccando sulla tastiera Ctrl e F e inserendo una pezzo della parte da cercare.

      Elimina
Posta un commento

Inserite il vostro nick name se volete una risposta altrimenti non si saprà a chi rispondere. Se inserite link verrà considerato spam e il commento non pubblicato.