Come pubblicare codice HTML o Javascript nei commenti di Blogger.

Molte discussioni aperte dai vostri commenti ai post riguardano problemi di codice HTML o javascript che non vi funziona e che alcuni di voi tentano di mostrare nei commenti.

Da diversi anni è possibile pubblicare codice HTML nei post di Blogger ma ancora non è possibile farlo nei commenti. Nel senso che se si inserisce tale codice in un commento di Blogger viene interpretato come codice e non come testo e quindi o non verrà pubblicato oppure sarete avvertiti che un determinato tag non è supportato.

Questo non significa che non si possa pubblicare codice HTML o Javascript anche nei commenti di Blogger ma bisogna avere alcune accortezze. Se si tratta di una sola riga di codice basterà inserire uno spazio dopo il tag < e un altro spazio prima del tag > per poterlo pubblicare.

Come gestire e moderare i commenti su Blogger.

Tutte le piattaforme di blogging hanno al loro interno una funzionalità per la gestione dei commenti. Un blog senza commenti è indubbiamente triste visto che i contributi dei lettori sono una parte fondamentale del sito. I commenti sono anche importanti dal punto di vista SEO perché in sostanza non sono altro che un aggiornamento dei contenuti presenti nella pagina.

Se avete un post vecchio anche di anni che però riceve ancora commenti Google e gli altri motori di ricerca lo tratteranno come ancora fosse attuale e fresco. Negli anni passati Blogger ha introdotto una sola importante novità vale a dire i commenti nidificati. Con tale funzione oltre a aggiungere un commento alla fine di quelli già presenti si può rispondere a uno specifico per mostrarlo indentato nel layout. Questa struttura dei commenti nidificati sarà visibile anche nella versione mobile di Blogger. Per il resto le impostazioni sono rimaste le stesse nel corso degli anni. Vediamone gli aspetti più rilevanti.

Come mostrare emoticon animate nei commenti di Blogger.

Nel precedente articolo abbiamo visto come aggiungere emoticon ai post di Blogger o di Wordpress. In questo articolo mostrerò invece come si possano pubblicare delle emoticon animate nei commenti di Blogger non solo da parte dell'autore del sito ma anche da parte degli altri commentatori.

Le emoticon erano nate all'inizio per manifestare uno stato d'animo quando non fosse possibile farlo in modo chiaro con il testo. Si trattava quindi di combinazioni di caratteri che davano l'aspetto stilizzato di una espressione facciale. Ben presto però siamo passati all'utilizzo di immagini di piccole dimensioni anche animate. Con un opportuno javascript vedremo appunto come sostituire una data combinazione di caratteri con una determinata emoji animata quando questa combinazione viene pubblicata in un commento o in una risposta a un commento. Le emoji animate le ho caricate su un mio album di Picasa e ne ho ricavato il loro link diretto che ho usato per creare il codice javascript.

Come ricevere notifiche dei commenti pubblicati sul nostro o su altri blog di Blogger.

Con il continuo sviluppo degli smartphone è mutato anche il concetto stesso di interazione tra autore e lettori di un blog. Ci sono persone che preferiscono rispondere ai commenti solo in determinate ore del giorno. Questo è quello che faccio anche io che leggo i commenti solo quando sono al PC e ho tutti gli strumenti di ricerca e di analisi a disposizione in modo da dare delle risposte più esaurienti.

Altri invece vorrebbero essere immediatamente informati di un commento sul proprio sito in modo da pubblicare la risposta nel più breve tempo possibile. Poi ci sono anche i commenti nostri e di altre persone su blog o articoli di cui vorremmo avere notifica per non perderci nessuna informazione utile.

Come rispondere in privato a commenti sulla Pagina Facebook.

La Pagina Facebook è una componente di contorno e di supporto alla maggior parte dei siti web ed è solitamente frequentata dagli stessi utenti. Nelle pagine Facebook possono essere pubblicati post originali che prescindono da quelli del blog oppure possono essere ripubblicati tutti i contenuti del blog in modo automatico.

Usando delle applicazioni gratuite online come IFTTT, Hootsuite e TwitterFeed si possono ripubblicare tutti gli articoli del blog e anche tutti i commenti dell'autore del sito. Tutti coloro che metteranno Mi Piace alla pagina visualizzeranno nella sezione Notizie una parte dei post che vi vengono pubblicati. Chi interagirà con più frequenza ne vedrà in misura maggiore di chi vi presterà una minore attenzione.

Come mostrare una icona con il numero dei commenti accanto al titolo del post in Blogger.

L'obiettivo di questo articolo è quello di illustrare come si possa mostrare una icona con il numero dei commenti ricevuti accanto al titolo del post in un sito su piattaforma Blogger. Si può decidere di mostrare icona con numero dei commenti solo nella homepage, nelle pagine di etichette e in quelle di archivio, solo nei singoli post o ovunque. Basterà inserire il codice che vado a presentare tra i due tag condizionali che ne vincolano l'attivazione alla tipologia di pagine prescelta.

L'icona potrà essere scelta del colore desiderato, sarà visibile solo nella versione desktop e l'aspetto di un articolo dopo la fine della personalizzazione sarà il seguente

Come mostrare un messaggio prima del modulo dei commenti nidificati di Blogger.

In un commento mi è stato chiesto come si possa mostrare un messaggio ai lettori prima del modulo dei commenti. Questa funzionalità è presente su Blogger da molto tempo ma con l'introduzione dei commenti nidificati, il messaggio viene visualizzato prima del modulo solo nel primo commento mentre i successivi lo vedranno in fondo a tutte le conversazioni.

Andiamo per gradi e iniziamo a configurare l'aspetto del messaggio. Si va su Impostazioni > Post e Commenti > Messaggio del modulo dei commenti e si digita un testo piano che supporta anche alcuni tag HTML come <b> per il grassetto e <i> per il corsivo

Come installare il modulo dei commenti di Facebook nelle versioni desktop e mobile di Blogger.

In molti siti anche di Blogger oltre al sistema nativo dei commenti è stato implementato un modulo dei commenti di Facebook per dare modo ai lettori di commentare anche attraverso quel social network. Si tratta di un iframe che solitamente viene posizionato alla fine del contenuto del post.

Ci sono essenzialmente due modi per installare questo modulo. Il primo è più semplice mentre il secondo è più complesso ma permette anche la moderazione dei commenti cioè dà la possibilità al proprietario del sito di cancellare i commenti offensivi, insultanti o comunque contrari alla linea editoriale del blog. Il modulo dei commenti di Facebook poi può essere visualizzato nella versione mobile di Blogger, in quella desktop o in entrambe. Una precondizione per installare il modulo dei commenti nella versione mobile è quella di andare su Modello > Cellulare > Icona ruota dentata e scegliere Personalizza tra i modelli per i dispositivi mobili.

Come inserire codice, link, grassetto, corsivo, emoticon, immagini e video nei commenti di Blogger.

I commenti di Blogger hanno delle limitazioni piuttosto importanti dovute anche al tentativo di limitare lo spam. Tramite il javascript si può modificare il template per sostituire una data combinazione di caratteri con un oggetto HTML che ci consente di aggiungere emoticon, immagini e video.

Senza modificare il template si può comunque inserire nei commenti di Blogger del testo con grassetto, del testo con corsivo e anche dei link cliccabili. I commenti di Blogger supportano infatti i tag <b>, <strong>, <i>, <em>,  <a href=..>. Vediamo in dettaglio come si possono usare questi tag e che cosa significano.

Come installare il widget dei Top Commentatori con Avatar per Blogger.

Tra i lettori del blog ci sono quelli che consultano i contenuti ma che non interagiscono mai e poi ci sono altri che invece commentano assiduamente i nostri post. I commenti come ho già avuto modo di specificare più volte rappresentano sempre un arricchimento per l'articolo in cui vengono pubblicati. Inoltre se un vecchio post continua a ricevere commenti significa che è ancora attuale e questo fa in modo che anche i motori di ricerca lo classifichino come tale lasciandolo per più tempo ben posizionato nei risultati delle ricerche. 

Per gratificare i commentatori più assidui su Wordpress ci sono appositi plugin mentre per Blogger sono state trovate alcune soluzioni interessanti. Ricordo per esempio il gadget che mostra gli username dei Top Commentatori in una nuvola con le dimensioni del nome in proporzione al numero dei commenti.

Come disabilitare l'HTML nei commenti di Wordpress.

I commenti su Wordpress come quelli su Blogger sono nofollow di default però nei commenti è permesso sempre di default l'utilizzo del linguaggio HTML. I meno esperti o i principianti possono scaricare gratuitamente il mio ebook gratuito Guida all'HTML e al CSS per farsi una idea di cosa siano questi linguaggi. In ultima analisi sono dei tag, delle notazioni, dei codici che sono conosciuti e interpretati  dai vari browser che al posto del codice presente in una pagina web mostrano invece un layout con immagini, video, testo formattato e altri oggetti.

Mediante l'utilizzo dell'HTML i commentatori possono tra l'altro inserire dei link di spam o comunque collegamenti verso i siti di loro interesse. Questi link sono spesso subdoli. Per inserire un collegamento bisogna usare un codice come questo <a href="URL_LINK">Testo visibile</a>. Alcuni lo usano per esempio in questo modo: "Thanks! Very nice post<a href='URL_SPAM'>.</a>" in cui il testo di ancoraggio è rappresentato solo da un punto. 

Come nascondere o modificare l'icona dell'autore nei commenti nidificati di Blogger.

A seguito di un commento ricevuto appena ieri su come si possa nascondere l'icona che appare accanto al nome dell'amministratore del sito nei commenti nidificati di Blogger ho deciso di scrivere un instant post su questo tema che spero possa interessare anche altri lettori. 

Tale icona è visualizzata da tutti i navigatori e sostanzialmente serve per rendere subito evidenti i commenti che sono stati pubblicati dall'autore del blog. L'icona di default di Blogger ha dimensioni di 16-18 pixel quindi nel caso si pensi di modificarla è consigliabile sostituirla con una immagine di pari dimensioni o al limite più piccola. Si parte da una situazione di questo tipo.

Widget degli ultimi commenti con avatar del commentatore.

Riprendo un post di qualche anno fa che ha avuto un certo successo tra i lettori visto che mostra gli ultimi commenti ricevuti da un blog su Blogger insieme alla immagine del commentatore visibile in forma circolare. I widget dei commenti recenti non è solo utile per offrire nuovi contenuti ai lettori ma è importante anche per l'amministratore del sito che può verificare se ci siano commenti per eventualmente pubblicare la risposta. 

Per qualche giorno installerò questo widget anche su questo sito e quindi potrete verificarne il funzionamento. Visto che non utilizza script esterni può essere inserito senza alcun problema anche nei blog con dominio personalizzato. L'aspetto del gadget sarà il seguente

Modificare lo stile dei commenti nidificati di Blogger.

Blogger ha introdotto i commenti nidificati nel Gennaio del 2012 e da allora non è che siano state introdotte altre migliorie grafiche. Per questa ragione in molti siti vengono aggiunti degli opportuni CSS per crearsi uno stile personalizzato dei commenti. Si può incidere nell'aspetto dei pulsanti Rispondi e Elimina oppure intervenire più in profondità per modificare tutto il layout dei commenti.

Ricordo che il pulsante Elimina viene visualizzato solo dall'amministratore del sito e quindi non conviene perderci troppo tempo. In questo articolo voglio proporvi un nuovo stile per i commenti di Blogger che poi può essere ulteriormente modificato specialmente nei colori per adattarlo al proprio sito.

Come pubblicare post e commenti del blog su una Pagina Brand di Google+.

Con questo articolo concludo la serie di post che ho dedicato alla creazione di sinergie positive tra il blog e i più importanti social network. Dopo aver illustrato come postare articoli e commenti sul Profilo, su una Pagina o su un Gruppo Facebook e come ripubblicare gli stessi elementi come tweet su Twitter è la volta di dedicarsi a Google Plus e segnatamente alle Pagine Business o Pagine Brand che dir si voglia. La difficoltà di ripetere con Google+ la stessa procedura usata per Facebook e Twitter sta nel fatto che i due servizi utilizzati vale a dire IFTTT e TwitterFeed non supportano ancora Google+ e visto che Google sta ripensando tutto il progetto chissà se mai lo supporteranno. Esiste però una applicazione che supporta le Pagine Brand di Google Plus e che può essere usata anche nella sua versione gratuita per creare un procedimento di ripubblicazione di post e commenti. 

Come pubblicare i commenti del blog sulla Pagina Facebook.

Abbiamo già visto come ripubblicare gli articoli del blog sulla pagina Facebook e come postare dei tweet in modo automatico con gli articoli e i commenti dell'autore. Adesso vediamo come ripubblicare i commenti del blog su una Pagina Facebook dopo averli filtrati in modo da postare solo quelli dell'autore senza mostrare ai sottoscrittori della Pagina Fan i commenti dei lettori sul blog.

Naturalmente si può anche decidere di postare in modo automatico tutti i commenti senza nessun filtro con il rischio però di accreditare come nostre affermazioni quelle fatte invece da un semplice commentatore. Per questa funzionalità bisogna sempre partire dall'URL dei feed di commenti sul blog che per un sito sulla piattaforma Blogger è il seguente 

http://nomedelblog.blogspot.com/feeds/comments/default 

dove la parte in rosso è il dominio del sito che può anche essere stato acquistato e che quindi in questo caso non avrebbe il blogspot. Per filtrare i feed dobbiamo usare servizi quali IFTTT o TwitterFeed. Vediamo in dettagli come fare anche se ho già illustrato la procedura nel post sulla ripubblicazione degli articoli e dei commenti su Twitter.

Come ripubblicare post e commenti del blog su Twitter.

Dopo aver visto come pubblicare automaticamente gli articoli del blog in una Pagina Facebook adesso vediamo come sia possibile ripubblicare senza alcuna azione manuale i post e i commenti del blog su Twitter. Il sistema migliore per creare questa funzionalità è quello di utilizzare FeedBurner che permette oltre a molte personalizzazioni anche di creare degli hashtag con le etichette che sono state inserite. Gli hashtag sono particolarmente importanti per essere trovati su Twitter dagli utenti che usano questa metodologia di ricerca. 

Si può decidere di pubblicare automaticamente tutti gli articoli del nostro sito o dei nostri siti sul nostro account principale di Twitter oppure di creare un account specifico per quel particolare blog.

Come inserire video e immagini nei commenti di Blogger.

Blogger ha sicuramente migliorato la funzionalità dei commenti inserendo quelli nidificati ma i contenuti visualizzabili sono rimasti limitati al solo testo. Gli unici tag HTML che possono essere utilizzati sono <b> per il grassetto, <i> per il corsivo e <href=…> per i collegamenti. Vediamo come si possano aggiungere anche video e immagini seguendo lo stesso procedimento usato per le emoticon animate.

Si tratta in sostanza di codificare una sintassi che tramite javascript venga sostituita dal codice di una immagine o dal codice embedded di un video. Tale codice dovrà necessariamente essere funzione dell'indirizzo della immagine o del video che vogliamo visualizzare. Per determinare l'URL di un video di Youtube possiamo selezionare e copiare l'indirizzo dalla barra del browser oppure dal link presente su Condividi o direttamente nel codice da incorporare che hanno comunque sempre lo stesso ID. Per esempio:

Personalizzare i pulsanti Rispondi e Elimina nei commenti nidificati di Blogger.

Dopo che ho tenuto i commenti di Google+ per qualche mese sono dovuto tornare ai commenti classici di Blogger perché il modulo di Google+ non si mostrava più nei vecchi post impedendo ai lettori di interagire, con il risultato che alcuni di loro, a ragione, mi inviavano delle email o peggio ancora dei messaggi privati su Facebook in cui mi chiedevano delle delucidazioni. I lettori abituali di questo sito sanno quanto mi diano fastidio questi tipi di approccio visto che dedico solo una parte del mio tempo al blog e voglio essere io a decidere quale parte e non amo avere continue notifiche sul cellulare a cui tra l'altro non posso rispondere in modo adeguato visto che mi mancano gli strumenti di ricerca.

L'estetica dei commenti nidificati di Blogger è però di tipo minimalista con dei pulsanti formati da del semplice testo per rispondere o eliminare il commento

Come personalizzare la scritta Commenti nei post e nella Home di Blogger.

In calce ai post di Blogger si visualizza una  scritta con il numero dei commenti che ha ricevuto l'articolo che è dello stesso colore dei font del corpo del post. Cliccandoci sopra si apre la pagina dell'articolo proprio nella sezione dei commenti. Per esaltare questa sezione si può modificare l'aspetto della espressione X Commenti usando un altro colore, un altro font o un'altra dimensione dei caratteri.

Si tratta di trovare il selettore per quel particolare elemento e applicare una adeguata regola CSS per cambiare colore o altri parametri come mostrato nel seguente screenshot