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 == "item"'>
<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
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("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</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='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
e modifichiamolo in questo modo
<a href='javascript:void(0)' onclick='Effect.toggle("PScommenti","slide"); 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='"comment-author " + 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 ▼▲ 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.
Grazie! sempre chiaro e preciso ;)
RispondiEliminaTi auguro un buon natale e un ottimo 2012
RispondiEliminaBuongiorno Ernesto e buon Natale :) domanda: ma questa cosa a scomparsa... si può applicare a un menu?
RispondiEliminaBuon Natale e Buone Feste. Un caro saluto. :)
RispondiEliminaLeNny.
:)
@Bizzo
RispondiElimina@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à
Ciao Ernesto, vorrei sapere se, che tu sappia, questo metodo possa funzionare su wordpress
RispondiEliminami servirebbe per applicarlo su un widget dei commenti, sarebbe ideale però non so se possa funzionare. Grazie di già :)
Santiago
@Santiago
EliminaQuesti tag sono solo di Blogger e funzionano solo nei template di quella piattaforma