Inserire commenti in un tumblelog: tutorial

Nonostante la possibilità di inserire commenti in un tumblelog sia molto discussa (per alcuni snaturerebbe l’idea stessa di miniblogging, anche se pure i creatori di Tumblr stanno pensando a soluzioni innovative in merito), esiste il modo, inserendo codici opportuni nella pagina di customizzazione del proprio theme, di integrare i commenti nei post grazie all’appoggio esterno di Disqus che consente pure di visualizzarli sotto forma di forum. Per gli interessati:

- tutorial in italiano che ho riformulato piu’ avanti per i dummies come me con esempi pratici ed esplicando meglio un passaggio chiave

- per chi non ha bisogno di tutorial puo’ accedere direttamente alla pagina di Disqus:

http://disqus.com/ 

- per chi avesse ancora problemi o dubbi a questo link trovate il codice del mio tumblr; cliccate dentro la pagina col tasto destro e poi nel menu’ a tendina su Codice HTML col tasto sinistro e lo visualizzerete.

Qui sotto il tutorial in versione “for newbies”.

a) Crea un account su Disqus

b) Step 1: “Create a new Forum”: scegli il nome per il forum

c) Step 2: “Integrate comment system with blog”:  clicca sull’icona di Tumblr

d) vengono forniti tre codici.

- Accedete alla pagina del “theme” del vostro Tumblr ed inserite il primo codice nella finestra Custom HTML dopo il tag {/block:Posts}.

Il risultato nel mio caso è  questo:

 {/block:Posts}

{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/hardcorejudas/embed.js"></script>
{/block:Permalink}

- Copiate il secondo codice <a href=”{Permalink}#disqus_thread” mce_href=”{Permalink}#disqus_thread”>Comments (View)</a> prima dei tags  {/block:Video}, {/block:Link}, {/block:Audio}, {/block:Regular}, {/block:Photo}, {/block:Quote}, {/block:Chat}.

Nel mio theme Chat è diverso inquanto indicato come Conversation.

Risultato di esempio:

{block:Video}
                        <div class="video">
                            {Video-500}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
<a href="{Permalink}#disqus_thread">Comments (View)</a>
                    {/block:Video}
                </div>

- Copiate il terzo codice di script prima del tag </body>.

Risultato di esempio:

<script type="text/javascript">
//<[CDATA[
(function() {
  links = document.getElementsByTagName('a');
  query = '?';
  for(var i = 0; i < links.length; i++) {
   if(links[i].href.indexOf('#disqus_thread') >= 0) {
    query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
   }
  }
  document.write('<script type="text/javascript" src="http://disqus.com/forums/hardcorejudas/get_num_replies.js' + query + '"></' + 'script>');
 }());
//]]>
</script>  </body>

Cliccate su Save Changes nel vostro Tumblr e poi su Save nella pagina di Disqus.

Se vorrete potrete modificare alcune opzioni e ricopiare i nuovi codici seguendo gli stessi passaggi.