Widget delle Etichette più popolari da mostrare in una pagina statica di Blogger.

Come certo saprete Google invita gli webmaster non solo a creare una sitemap per i motori di ricerca ma anche una Mappa del sito per i lettori. Per sitemap ad uso dei navigatori si intende un widget o una pagina da cui sia possibile scorrere i titoli di tutti i contenuti che abbiamo pubblicato.

Queste mappe del sito sono solitamente organizzate per etichette e qualcuna di esse mostra anche le miniature delle immagini dei post. Con questo widget vogliamo effettuare una scelta e mostrare solo i post che si riferiscono a determinate etichette. Possiamo per esempio mostrare gli ultimi post di 8 etichette oppure di 10 o di 12. Questo dipende anche dalla larghezza della pagina statica in cui viene inserito il widget che comunque come saprete potrà essere modificata.

Nascondere o cambiare il messaggio "Visualizzazione post" quando si apre una pagina di etichetta in Blogger.

Nei blog su piattaforma Blogger quando si apre una pagina di etichetta si visualizza un messaggio in uno sfondo grigio con scritto "Visualizzazione post con etichetta nome-etichetta" dove nome-etichetta è in grassetto ed è il nome della etichetta su cui si è cliccato.

Questa grafica non è certamente il massimo e il colore grigio dello sfondo spesso non si addice agli altri colori scelti per il blog. Va ricordato che gli stessi CSS che sovrintendono all'aspetto del rettangolo grigio con il testo sono gli stessi del messaggio di errore 404 pagina non trovata.

Come mostrare il nome dell'autore e l'elenco delle etichette sotto il titolo dell'articolo in Blogger.

Il nome dell'autore e le etichette aggiunte a un articolo nei blog su piattaforma Blogger vengono mostrati in calce all'articolo. Si può in qualche modo personalizzare il loro posizionamento andando su Layout -> Post del Blog -> Modifica per mettere la spunta agli elementi che si vogliono visualizzare e per toglierla a quelli che non vogliamo vedere.

Con il drag & drop si possono spostare i vari elementi per poi andare su Salva per salvare il nuovo posizionamento. Questa personalizzazione non funziona troppo bene nei modelli ufficiali e funziona molto male in quelli modificati dal webmaster. L'obiettivo di questo post è quello di mostrare come spostare la visualizzazione delle etichette e dell'autore dell'articolo dalla parte bassa del post alla parte alta subito sotto il titolo.

Come creare filtri su Gmail per automatizzare la posta.

Dopo aver visto come creare e gestire le etichette in Gmail in modo manuale adesso vediamo come utilizzare i Filtri che servono per aggiungere automaticamente la posta a delle etichette determinate ma anche per altre interessanti funzionalità.

I Filtri come dice il nome sono dei meccanismi per filtrare la posta e per abilitare delle azioni automatiche e conseguenti a quei messaggi che passano un determinato filtro. Si tratta di una funzionalità molto potente che può servire per esempio per etichettare la posta che ci è stata inoltrata da altri account Gmail che abbiamo creato.

Come creare etichette su Gmail per organizzare la posta.

Gmail è il servizio di posta elettronica preferito a livello mondiale, almeno dai frequentatori più assidui e informati del web. Con Gmail si possono creare un numero indefinito di account che possono essere gestiti anche da una sola schermata come abbiamo visto nel post precedente su come creare un account Google.

Un'altra particolarità molto importante di un account Gmail è che più correttamente dovrebbe definirsi account Google visto che con le stesse credenziali si può accedere senza ulteriori passaggi a servizi quali Google Maps, Youtube, Android, Play Store, Google News, Google Drive, Google Sites, Blogger, Google+, Foto, Calendar, Hangouts, ecc. 

Come installare il widget della nuvola di etichette animata in Blogger.

Qualche anno fa gli utenti di Blogger si erano innamorati di un widget molto carino che alcuni sviluppatori avevano importato su questa piattaforma partendo da un celebre plugin di Wordpress denominato WP-Cumulus. Tale widget era basato in Flash, tecnologia che da qualche tempo è negletta dai principali browser e produttori di hardware.

Per tale ragione il plugin su Wordpress non è stato più aggiornato e anche i widget di Blogger hanno smesso di funzionare perché era stato disattivato il file SWF che era alla base del gadget. Visto che sono persona particolarmente coscienziosa e prudente era stata mia cura salvare tutti i file necessari per questa installazione che adesso vado a illustrare nuovamente.

Come creare una impaginazione per le etichette di Blogger.

Nei blog di Blogger le pagine delle etichette mostrano una serie fino a 20 elementi di post che abbiano quella data etichetta. Alla fine della pagina si può andare sul link Post più vecchi per visualizzare appunto i post meno recenti sempre con quella data etichetta. Le etichette possono essere mostrate tutte in un elenco o anche in una nuvola statica (la nuvola dinamica non funziona in tutti i blog e con tutti i browser perché usa il Flash) oppure possono anche essere selezionate.

Si possono sfogliare le etichette cliccando sui link mostrati nell'omonimo widget. Con questa personalizzazione modificheremo tale gadget in modo da invogliare i lettori a sfogliare tutti i nostri contenuti. In subordine potremo installare anche un secondo gadget delle Etichette. Quando un lettore arriverà sul nostro sito verrà visualizzato sopra all'area del post un link con una scritta del tipo "Inizia il tour tra le etichette". Chi ci cliccherà sopra visualizzerà una serie di numeri ciascuno di questi collegato a una singola etichetta. Cliccandoci sopra verranno visualizzati i post con quella data etichetta il cui nome sarà mostrato come tooltip quando il mouse punterà il numero associato.

Open Live Writer aggiunge l'elenco delle etichette, il Read More e il controllo ortografico anche per Blogger.

Come probabilmente saprete Windows Live Writer non supporta più dal 15 Dicembre l'accesso con gli account Google quindi gli utenti di Blogger non possono usarlo più da quella data e non lo potranno fare neppure in futuro. Però se avete questo programma della Microsoft nel PC Windows non vi conviene disinstallarlo. Infatti contestualmente alla cessazione del supporto per Blogger ha rilasciato Windows Live Writer come progetto open source che è stato denominato Open Live Writer ed è stato preso in carica da un team di sviluppatori che lo hanno reso disponibile agli utenti. Il nuovo software nella versione stabile può essere installato dalla pagina ufficiale Open Live Writer.

Alcuni problemi iniziali sono stati risolti come quelli dell'accesso con Blogger e quello dell'inserimento delle Categorie.  Altre funzionalità verranno aggiunte in futuro fino ad arrivare alla distribuzione del programma in tutti i linguaggi che supportava WLW e al rilascio dei plugin più usati dagli utenti e supportati da WLW.

Come aggiungere le etichette ai post di Blogger pubblicati con Open Live Writer.

Continuo nell'aggiornamento sulla aggiunta di funzionalità a Open Live Writer  dopo che il team di sviluppatori ha risolto un altro problema per gli utenti di piattaforma Blogger. Di questo passo se riusciranno a implementare una nuova funzione tutti i giorni ben presto non avremo nostalgia del vecchio Windows Live Writer che comunque al momento è bene sempre mantenere installato nel computer.

Ieri abbiamo visto come risolvere il problema del login con l'account Blogger  e oggi vedremo come aggiungere la funzionalità delle categorie (o etichette) come pure la possibilità di pubblicare le pagine statiche. Come si evince da questa discussione sul Forum di Blogger  risulta che del software OLW vengono attualmente rilasciate due versioni. La prima è quella stabile ed è denominata Release che può essere scaricata dal sito ufficiale OpenLiveWriter.org mentre la seconda denominata Nightly può essere scaricata incollando nel browser questo indirizzo web

Mostrare tutti i post del blog su Blogger separati per etichette con casella di ricerca.

Da qualche mese hanno smesso di funzionare gli Yahoo Pipes perché ritirati dai dirigenti dell'azienda per la loro bassa redditività. Con questo strumento di Yahoo si potevano organizzare e elaborare i feed per creare dei widget molto interessanti quali quello dei Top Commentatori o quello della Mappa del sito per i lettori che mostrava l'elenco di tutti i post pubblicati.

Riguardo al widget che mostrava gli utenti con più commenti non ci sono novità però si possono mostrare sempre tutti i titoli dei post pubblicati utilizzando un altro javascript. Si tratta di una soluzione anche migliore di quella degli Yahoo Pipes visto che si può decidere di visualizzare tutti gli ultimi articoli pubblicati con relative miniature delle immagini, mostrare gli ultimi aggiornamenti, selezionare gli ultimi post con quella data etichetta oppure fare una ricerca con parole chiave.

Come mostrare accanto ai titoli di Blogger una icona in funzione della etichetta del post.

Prendiamo come esempio un sito creato con la piattaforma Blogger che si occupi di spettacolo. Questo argomento può contenere al suo interno diverse tipologie di articoli suddivisi in cinema, teatro, televisione, musica, gossip e altro ancora. I lettori di un sito come questo potrebbero trovare utile che accanto al titolo di ciascun post si visualizzasse in modo automatico una icona che mostrasse l'argomento trattato nell'articolo. Utilizzando i tag condizionali già usati per mostrare un contenuto sopra ai post e sotto agli articoli con una determinata etichetta vediamo come inserire una icona di una nota musicale accanto ai post con etichetta musica, una icona di uno schermo accanto ai post con etichetta televisione e così via.

Naturalmente questo si tratta solo di un esempio che può essere adattato alle singole esigenze. Se si decide di adottare questa personalizzazione bisogna fare in modo che solo una delle etichette prese in considerazione sia presente nei vari articoli perché altrimenti di sovrapporranno. Dopo aver salvato il template si va su Modello > Modifica HTML e si cerca la riga

Come mostrare in Blogger un contenuto solo alla fine dei post che abbiano una data etichetta.

Nel precedente articolo ho mostrato come si possa aggiungere una immagine al titolo del post sia direttamente sia modificando il modello. All'interno dell'articolo ho evidenziato come sarebbe una soluzione ottimale quella di poter visualizzare una icona in funzione delle etichette del post. In un blog che si occupa di motori si potrebbe mostrare una icona di una moto nei post con quella etichetta, una icona con una auto nei post che abbiano etichetta auto e così via. 

La soluzione non è semplice perché i tag condizionali per questa operazione esistono ma funzionano solo in determinate situazioni. Ho pensato quindi di pubblicare più articoli su questo tema prendendo in esame di volta in volta un particolare posizionamento. Iniziamo con un quesito di tipo abbastanza generale.

Mostrare i post delle etichette più popolari in una pagina statica di Blogger.

Ho già presentato diversi articoli che illustrano la creazione di Sitemap a beneficio dei lettori che mostrano tutti i post pubblicati suddivisi per etichette per poi mostrarli in un widget o in una pagina statica con la possibilità di mostrare solo i titoli dei post o anche con le miniature.

In questo post illustrerò un metodo alternativo in modo da mostrare in una pagina statica l'elenco delle etichette che riteniamo più interessanti per i lettori con gli ultimi articoli pubblicati. In ciascun post si visualizzerà titolo, miniatura e anche snippet nel caso ci sia lo spazio sufficiente. Gli elenchi si posizioneranno in una, due, tre o quattro colonne a seconda dello spazio disponibile. Nel caso abbiate eliminato la sidebar dalla pagina statica e quindi disponete di un layout particolarmente ampio potete posizionare anche più di quattro colonne.

Widget delle Etichette Popolari per Blogger.

Dopo aver illustrato come installare il gadget della Nuvola di Etichette passo a presentare un gadget sicuramente originale che ho denominato delle Etichette Popolari.  Ci sono etichette che sono presenti solo in pochi post mentre altre di articoli che le contengono ne possono avere decine se non centinaia. L'obiettivo di questo post è quello di mostrare solo le Etichette più presenti in un layout particolare che mostra anche il numero di articoli di ciascuna.

Questo widget l'ho visto nel blog vietnamita DuyPham che spesso ha idee davvero geniali. Come per tutte le personalizzazioni che coinvolgono il modello bisogna preventivamente salvare il template andando su Modello > Backup/Ripristino > Scarica modello completo. È stato scelto di visualizzare le 5 etichette con più post ma questo numero potrà essere modificato a piacere. L'aspetto del widget inserito in una sidebar potrà essere modificato anche nei colori e sarà simile al seguente

Etichette di Blogger visualizzate in una nuvola animata.

Riprendo un widget storico di Blogger che fu ricavato dal plugin di grande successo WP Cumulus per Wordpress. Si tratta di mostrare in una nuvola animata le etichette di Blogger con la limitazione che debbano essere selezionate meno di 30. Questo vuol dire che nel nostro sito ci possono essere anche centinaia di etichette. L'importante è che se ne scelgano solo 30 al massimo. Cliccando su una etichetta apriremo la pagina relativa mentre se si passa con il cursore sopra alla nuvola questa si animerà.

Anche se per questa personalizzazione bisogna modificare il template si tratta comunque di un procedimento piuttosto semplice che può essere applicato sia a blog gratuiti del tipo Blogspot sia a siti sempre su Blogger ma con dominio personalizzato. È anche possibile modificare i colori a nostro piacere per renderli compatibili con quelli del nostro layout.

Come personalizzare il nome dell'autore e quello delle etichette posizionati sotto il titolo del post.

Riprendo brevemente l'articolo con cui avevo illustrato come spostare il nome dell'autore e quello delle etichette sotto il titolo del post per personalizzarne l'aspetto.  Secondo il tutorial appena linkato questi elementi sono stati incollati nel mezzo alle righe  <div class='post-header-line-1'/> e </div> quindi si può usare il selettore post-header per personalizzarne il layout.

Alternativamente si possono trovare i selettori rispettivamente del nome dell'autore e delle etichette per effettuare delle personalizzazioni più mirate. Il selettore per il nome dell'autore è post-author.vcard  mentre quello delle etichette è  post-labels. Per fissare le idee si parte da questo aspetto

Come mostrare il nome dell'autore e quello delle etichette sotto il titolo del post in Blogger.

Nei modelli ufficiali di Blogger il nome dell'autore del post e quello delle etichette scelte per l'articolo vengono visualizzate nel footer sotto tutto il contenuto del post. Il footer di un blog su Blogger può essere personalizzato aggiungendo o togliendo elementi andando su Layout > Post sul blog > Modifica e mettendo o togliendo la spunta agli elementi che rispettivamente si vogliono o non si vogliono visualizzare. Nel footer sono presenti anche il numero di commenti, l'ora di pubblicazione, le reazioni, i pulsanti di condivisione, la posizione, i pulsanti ufficiali di condivisione, i link al post e il Quick Edit che è quella icona per modificare il post al volo che può essere vista solo da un amministratore del sito.

In  molti template scaricati da internet il nome dell'autore e le etichette sono mostrate sotto il titolo invece che nel footer mutuando un tipo di impaginazione della stampa cartacea dove ovviamente non ci sono le etichette. Vediamo come procedere per questa personalizzazione. Si parte quindi da una situazione simile alla seguente con autore e etichette alla fine del post

Elenco di tutti i post di Blogger per etichette.

Seguendo la falsariga dell'articolo su come realizzare una Mappa del sito per etichette ecco come con una naturale evoluzione si possano elencare tutti i post pubblicati da un sito organizzati in etichette. Le varie categorie saranno visibili in una colonna sulla sinistra e cliccando sopra a una di queste si visualizzeranno i titoli dei post relativi. Nel caso in cui il numero degli articoli riferiti a una singola etichetta siano superiori al numero di post configurato si visualizzeranno dei bottoni di navigazione per scorrere tutti gli elementi. 

Il widget può essere installato in una pagina statica senza modificare il modello. Inoltre funziona con tutti i principali browser e ha anche una buona velocità di caricamento anche per blog come questo con migliaia di articoli già pubblicati. Saranno visualizzate tutte le etichette e non se ne può nascondere qualcuna come accade nel gadget ufficiale di Blogger. Avere un elenco di tutti i post a beneficio dei lettori (Sitemap) è anche un importante fattore SEO.

Come sapere quali sono i post, le pagine, le etichette e le immagini che sono state indicizzate da Google.

Una buona parte dei commenti che ricevo quotidianamente su questo blog è dedicata alla indicizzazione di articoli e immagini che soprattutto i proprietari di siti che sono online solo da poche settimane vivono con una certa apprensione. In realtà questo tema era rilevante qualche anno fa e solo per i blog appena nati perché adesso l'indicizzazione di nuovi articoli pubblicati da siti già noti a Google avviene dopo pochi minuti. Questo a prescindere dall'invio della Sitemap che comunque è sempre consigliabile.

Un discorso più approfondito può essere fatto per verificare se una determinata pagina o una determinata foto siano state o meno indicizzate da Google. Per alcuni siti che abbiano una pagina brand su Google+ quando se ne digita il nome nella ricerca ce ne viene mostrato anche l'ultimo aggiornamento

Widget dei Post in Evidenza con Miniature per Blogger.

In alcuni Temi e Modelli soprattutto di Wordpress ma anche di Blogger i designer spesso inseriscono di default un widget degli articoli che il web master ritiene utile mostrare a tutti i lettori. Si tratta in sostanza di una vetrina dei contenuti pubblicati che ritengono più interessanti. Questo presuppone una operazione manuale per scegliere questi post ma vediamo come in Blogger possa essere parzialmente automatizzata e come si possa realizzare un widget che mostri appunto i Post in Evidenza. 

Si può infatti sfruttare la funzionalità delle etichette per crearne una nuova da utilizzare come filtro. Si va quindi su Bacheca > Post e si mette la spunta agli articoli che vogliamo mostrare nel widget. Successivamente si clicca sulla freccia verticale del menù accanto alla icona delle etichette e si sceglie Nuova Etichetta.