Come nascondere un widget in parti differenti del blog.

Ho già pubblicato articoli sui tag condizionali che consentono di visualizzare dei widget solo in certe parti del blog che possono essere i singoli post, la home page, le pagine statiche, ecc. Si può anche scegliere di mostrare un gadget ovunque escluso in una determinata tipologia di pagine. Una alternativa per nascondere i widget può essere quella di creare delle classi di stile specifiche. Può essere utile se il metodo illustrato nell'articolo citato e in quest'altro non funzionassero.

Innanzitutto fissiamo l'attenzione sul fatto che ciascun widget è univocamente determinato dal suo ID. Se andiamo su Design > Modifica HTML, senza espandere i modelli widget possiamo rendercene facilmente conto  

L'ID di un gadget è dato dal nome presente tra le virgolette dopo id= e in genere è rappresentato da HTMLX dove X è un numero progressivo. Vediamo alcune delle possibilità che si possono presentare. In ogni caso dobbiamo andare su Design > Modifica HTML e cercare la riga </head>. Immediatamente prima vanno incollati i seguenti codici in funzione del risultato che si vuole ottenere.

 

Nascondere un elemento solo in Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#IDWIDGET {
display: none;
visibility: hidden;
}
</style>
</b:if>

Nascondere un elemento solo nei post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#IDWIDGET {
display: none;
visibility: hidden;
}
</style>
</b:if>

 

Nascondere un elemento solo nelle pagine di archivio

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<style type='text/css'>
#IDWIDGET {
display: none;
visibility: hidden;
}
</style>
</b:if>

Nascondere un elemento solo nelle pagine statiche

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#IDWIDGET {
display: none;
visibility: hidden;
}
</style>
</b:if>

Nascondere un elemento solo in un determinato post o in una pagina di etichette

<b:if cond='data:blog.url == "URL del post o della Etichetta"'>
<style type='text/css'>
#IDWIDGET {
display: none;
visibility: hidden;
}
</style>
</b:if>

Dove al posto di IDWIDGET si inserisce il nome del gadget che si è ricavato dal codice del template. In URL del post si inserisce l'indirizzo dell'articolo. Se vogliamo che un widget non sia visibile nella pagina di una certa etichetta inseriamo il relativo indirizzo che sarà simile a

 http://www.nomesito.blogspot.com/search/label/etichetta

Questo metodo può essere applicato anche a personalizzazioni da usare per nascondere dei contenitori presenti nel template. Nei vecchi modelli venivano individuati più facilmente. E' comunque possibile trovarli anche con quelli del Designer Modelli.

Se per esempio volessimo nascondere l'intestazione di un blog in Homepage, dobbiamo andare a vedere nel modello la classe che la determina. Nel template dello screenshot tale CSS è header-outer. Per nascondere tutto questo contenuto  nella homepage, andiamo su Design > Modifica HTML e immediatamente prima di </head> incolliamo questo codice

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.header-outer {
display: none;
visibility: hidden;
}
</style>
</b:if>

Queste opzioni sono da utilizzare quando i tag condizionali si dimostrano essere inefficaci per varie ragioni.