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.