Pubblicato il 23/12/11 - aggiornato il  | 7 commenti :

Come eliminare o nascondere con effetto slide il modulo dei commenti di Blogger.

Dopo aver installato il modulo dei commenti di Facebook su Blogger ci potremo porre il problema di eliminare completamente i commenti di Blogger e lasciare ai lettori la possibilità di commentare solo attraverso Facebook. Non so come questa soluzione possa essere azzeccata ma vediamo come procedere senza neppure modificare il modello. Per prima cosa il modulo dei commenti di Facebook va inserito in una posizione diversa da quella indicata nel post e deve essere inserita una condizione affinché risulti visibile solo negli articoli.

Il codice dei commenti diventerà quindi così

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='commentiFacebook'>
<div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='680' expr:href='data:post.url'/>
</div>
</b:if>

con i parametri in rosso da personalizzare e dovrà essere incollato subito prima di questa riga

<div class='post-footer'>

Per eliminare totalmente i normali commenti di Blogger c'è da fare la considerazione che andrebbero persi quelli che si sono già ricevuti dobbiamo quindi utilizzare un metodo soft che riesca a nasconderli senza che si abbiano delle conseguenza dal lato SEO. Andiamo su Impostazioni > Post e Commenti > Posizione commento > Nascondi quindi salvare le impostazioni in alto a destra

nascondere-commenti-blogger

Tutti i commenti saranno così nascosti alla vista insieme al modulo per postarli. Potranno essere sempre riesumati modificando nuovamente le impostazioni. Nel caso che abbiate inserito il modulo dei commenti di Facebook con il metodo illustrato nel post linkato all'inizio dell'articolo ovviamente sarà scomparso anche quello. E' per questo che, se si sceglie questa opzione, bisogna riposizionarlo più in alto nel template.

 

COME AGGIUNGERE UN LINK PER NASCONDERE O MOSTRARE I COMMENTI DI BLOGGER

Usando uno script già utilizzato per nascondere un certo widget o del testo formattato vediamo come si possa inserire un link o un bottone per visualizzare o nascondere i commenti pubblicati con il classico modulo di Blogger. Dopo aver salvato una copia del template per sicurezza, andiamo su Modello > Modifica HTML > Procedi, espandiamo i modelli widget e cerchiamo la solita riga </head> quindi, subito sopra, incolliamo il seguente codice

<!-- Prototype e Scriptaculous Inizio -->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype e Scriptaculous Fine - http://www.ideepercomputeredinternet.com -->

Adesso cerchiamo questo blocco di codice

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

e modifichiamolo in questo modo

<a href='javascript:void(0)' onclick='Effect.toggle(&quot;PScommenti&quot;,&quot;slide&quot;); return false'> <em> Visualizza [+/-] Commenti</em> </a><div id='PScommenti' style='display: none;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

dove sono state inserite due righe colorate di rosso all'inizio e il tag </div> alla fine. Le righe che sono state colorate di verde servono come punto di riferimento per incollare il codice nel modo giusto. L'espressione colorata di viola rappresenta quello che si visualizza per mostrare o nascondere i commenti. Può essere sostituita con questa in cui si visualizzeranno due frecce verticali 

Mostrare &#9660;&#9650;  Nascondere i commenti

Si può anche scegliere di inserire una immagine con questa sintassi <img src="URL_IMMAGINE" />. Ovviamente si deve come sempre salvare il modello. Per vedere all'opera questa personalizzazione andate nel post di

e cliccate sul link Mostrare ▼▲ Nascondere i commenti. Questo metodo utilizza Prototype e Scriptaculous quindi può essere incompatibile con alcuni modelli che hanno menù o widget basati sulla libreria JQuery.



7 commenti :

  1. Ti auguro un buon natale e un ottimo 2012

    RispondiElimina
  2. Buongiorno Ernesto e buon Natale :) domanda: ma questa cosa a scomparsa... si può applicare a un menu?

    RispondiElimina
  3. Buon Natale e Buone Feste. Un caro saluto. :)

    LeNny.

    :)

    RispondiElimina
  4. @Bizzo
    @LeNny
    Auguri anche a voi

    @Soffio di Dea
    Penso di sì. Prova a leggere questo post che è più esplicativo
    http://www.ideepercomputeredinternet.com/2011/02/come-espandere-o-nascondere-testo.html
    Dovresti applicarlo a un menù, non so però se funzionerà

    RispondiElimina
  5. Ciao Ernesto, vorrei sapere se, che tu sappia, questo metodo possa funzionare su wordpress
    mi servirebbe per applicarlo su un widget dei commenti, sarebbe ideale però non so se possa funzionare. Grazie di già :)
    Santiago

    RispondiElimina
    Risposte
    1. @Santiago
      Questi tag sono solo di Blogger e funzionano solo nei template di quella piattaforma

      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