Come usare i tag condizionali nel modello di Blogger.

Elenco di tutti i tag condizionali di Blogger per mostrare widget o singoli elementi in determinate pagine o punti del blog..

Il supporto di Blogger ha una pagina specifica in cui viene spiegato un po' troppo sbrigativamente ma in italiano quale sia la sintassi dei tag dei gadget per i layout. In questo contesto vengono illustrati anche i tag IF / ELSE per visualizzare un determinato contenuto in alcuni punti del sito ma non in altri. Queste condizioni sono fondamentali per esempio per mostrare un bottone solo nei post ma non in Homepage o per visualizzare un widget solo nelle pagine statiche. Mi sono già occupato meno di un anno fa del tema delle condizioni per Blogger ma forse è il caso di pubblicare un nuovo articolo per ampliare e approfondire il discorso.

Intanto dobbiamo dire che questi tag non sono linguaggio HTML o CSS ma funzionano solo se vengono inseriti in un modello di Blogger e non vengono invece rilevati se sono inseriti in una qualsiasi altra pagina web. La cosa interessante è che si possono creare dei tag condizionali che non facciano parte dell'elenco dei più usati e conosciuti. La sintassi dei tag b:if e b:else è la seguente

<b:if cond='inserire la condizione'>
   [contenuto da visualizzare se la condizione è vera]
<b:else/>
   [contenuto da visualizzare se la condizione è falsa]
</b:if>

Il tag <b:else/> è facoltativo e se non ci fosse il risultato sarebbe il contenuto della condizione o nessun contenuto. Senza <b:else/> la sintassi diventa

<b:if cond='inserire la condizione'>
   [contenuto da visualizzare se la condizione è vera]
</b:if>

che è quella più utilizzata. Le condizioni sono in genere inserite in questa forma

cond='data:blog.pageType == "item"'

in cui sono visibili due segni di uguale e un tag di Blogger. La condizione precedente significa che è vera quando la pagina corrente sia una pagina di elementi ovvero di post. Dopo i due segni di uguale la seconda condizione è messa tra le doppie virgolette. Quando si va a incollare questo codice nel template di Blogger, le virgolette vengono convertite in XML e la condizione precedente diventa

cond='data:blog.pageType == &quot;item&quot;'

E' irrilevante inserire un tag condizionale nella prima o nella seconda forma.

ELENCO DEI TAG CONDIZIONALI DI BLOGGER

CONDIZIONE IMPOSTA	EFFETTO
<b:if cond='data:blog.url == data:blog.homepageUrl'>	Elemento solo in Home
<b:if cond='data:blog.url != data:blog.homepageUrl'>	Elemento ovunque esclusa la Home
<b:if cond='data:blog.pageType == &quot;item&quot;'>	Elemento solo nei post
<b:if cond='data:blog.pageType != &quot;item&quot;'>	Elemento ovunque esclusi i post
<b:if cond='data:blog.url == "URL_PAGINA"'>	Elemento solo nella pagina dell'URL
<b:if cond='data:blog.url != "URL_PAGINA"'>	Ovunque escluso l'URL della pagina
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>	Solo nelle pagine statiche
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>	Ovunque escluse le pagine statiche
<b:if cond='data:blog.pageType == &quot;archive&quot;'>	Solo nelle pagine di Archivio
<b:if cond='data:blog.pageType != &quot;archive&quot;'>	Ovunque escluso pagine di archivio
<b:if cond='data:blog.pageType == "data:blog.searchLabel"'>	Solo nelle pagine delle etichette
<b:if cond='data:blog.pageType != "data:blog.searchLabel"'>	Ovunque escluso pagine etichette
<b:if cond='data:post.isFirstPost'>	Solo nel primo post
<b:if cond='data:blog.pageType == "error_page"'>	Solo nelle pagine non trovate
<b:if cond='data:blog.pageType != "error_page"'>	Ovunque escluso le pagine errore
<b:if cond='data:blog.searchLabel == "NOME_ETICHETTA"'>	Pagine con quella etichetta
<b:if cond='data:blog.searchLabel != "NOME_ETICHETTA"'>	Ovunque esclusa  data etichetta
<b:if cond='data:post.author == "NOME_AUTORE"'>	Pagine con dato autore
<b:if cond='data:post.author != "NOME_AUTORE"'>	Pagine non di quell'autore
<b:if cond='data:post.numComments > 1'>	Post con più di 1 commento
<b:if cond='data:blog.isMobile'>	Visibile solo nei dispositivi mobili
<b:if cond='data:blog.isMobile == "false"'>	Non visibile nei dispositivi mobili
<b:if cond='data:post.allowComments'>	Post in cui sono permesssi i commenti
<b:if cond='data:post.allowComments == "false"'>	Post con commenti non consentiti

I dati in rosso possono essere personalizzati. In alcune condizioni si sono sostituiti questi caratteri == (uguale a) con quest'altri != (non uguale a). Riguardo alla 5° e alla 6° condizione e all'introduzione dei domini localizzati bisogna ricordarsi che vanno sempre inseriti gli URL canonici. L'URL

http://nomesito.blogspot.it/2013/3/titolopost.html     va sostituito da quest'altro
http://nomesito.blogspot.com/2013/3/titolopost.html

COME USARE I TAG CONDIZIONALI NEI WIDGET

Applicare un tag condizionale a un widget significa per esempio mostrare quel widget solo in Homepage, solo nelle pagine statiche oppure ovunque escluso nei post. Se scegliamo questa personalizzazione dobbiamo individuare la riga che ci serve e copiarla in un file di testo. La seconda riga sarà sempre </b:if>. Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si pigia su F3 o su Ctrl+F, si incolla il titolo del widget per individuarlo. Visualizzeremo un codice simile a quello qui riportato

<b:widget id='Id Widget' locked='false' title='Titolo Widget' type='Tipo del widget'>
<b:includable id='main'>
< b:if cond='data:title'><h2><data:title/></h2></b:if>
< div class='widget-content'>
..........
< b:include name='quickedit'/>
< /div>
</b:includable>
< /b:widget>

dove le parti in viola possono essere le più diverse e dove al posto dei puntini ci può essere molto altro codice. In ogni caso ci saranno sicuramente le righe colorate di rosso. Il primo tag condizionale va incollato subito sotto la riga <b:includable id='main'> mentre il tag </b:if> va incollato subito sopra l'altra riga </b:includable> come si vede in questo screenshot di esempio

Si salva il modello e il widget in questione sarà visibile solo all'interno dei vincoli che abbiamo imposto con i tag condizionali. Questo è un sistema che uso molto quando creo delle dimostrazioni di widget che rendo visibili solo in un singolo post di un blog di prova.

COME USARE I TAG CONDIZIONALI NEI CONTENUTI DEL MODELLO

Oltre che per mostrare i widget solo in determinati punti del layout, i tag condizionali possono anche essere usati per inserire dei vincoli a altri elementi del modello come dei codici di javascript per renderli efficaci solo in una determinata pagina oppure come dei bottoni di condivisione sui social network che vogliamo visualizzare solo negli articoli. In questo caso la sintassi è semplicissima visto che non resta che inserire il codice del contenuto all'interno dei due tag come per esempio

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
CODICE DEL BOTTONE DI CONDIVISIONE
</b:if>

che introduce la condizione a un pulsante di essere visto solo nei post. Concludo osservando come sia possibile creare anche altri tag condizionali quale questo

<b:if cond='data:post.showBacklinks'>
che è vero se il post corrente è impostato per visualizzare i link a ritroso, o quest'altro
<b:if cond='data:comment.author != data:post.author'>
che è vero quando l'autore del commento non sia anche l'autore del post.

Aggiornamento: Aggiunti nuovi tag condizionali per Blogger.