Come disabilitare il Lightbox nativo di Blogger nelle pagine statiche o in un determinato articolo.

Come disabilitare il Lightbox nativo di Blogger nelle pagine statiche o in un singolo post.

Il Lightbox nativo di Blogger ha suscitato molto dibattito fin dalla sua introduzione visto che ci sono utenti che lo amano molto e che lo usano mentre altri proprio non lo sopportano. Ricordo che si può attivarlo o disattivarlo andando su Impostazioni > Post e Commenti > Mostra immagini con Lightbox e scegliere Sì oppure No quindi salvare le impostazioni. E' anche possibile in qualche modo personalizzare il Lightbox arrotondando i bordi dell'immagine o modificando il colore dello sfondo.

Coloro che postano le immagini con Windows Live Writer non visualizzeranno tale effetto nei loro articoli. Comunque è stato posto rimedio anche a questo problema inserendo il collegamento alla immagine originale su Picasa. Facciamo adesso l'ipotesi che un utente di Blogger usi il Lightbox nativo ma che abbia creato una galleria di immagini in una pagina statica con un altro effetto tipo Lytebox, Facebox, PrettyPhoto o Shadowbox. In quella galleria saranno visualizzati contemporaneamente i due effetti con ovvie ricadute negative dal punto di vista estetico. Vediamo quindi come disabilitare il Lightbox nativo di Blogger solo nelle pagine statiche o al limite solo in una pagina statica o in un singolo post del nostro sito.

DISABILITARE IL LIGHTBOX DI BLOGGER NELLE PAGINE STATICHE

Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si cerca la riga </html> che tra l'altro è l'ultima del template. Subito sopra si incolla questo codice

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<script type='text/javascript'>
gooimg = document.getElementById(&#39;main&#39;);
goobox = gooimg.innerHTML;
goobox = goobox.replace(&quot;&#39;lightboxEnabled&#39;: true,&quot;,&quot;&#39;lightboxEnabled&#39;: false,&quot;);
gooimg.innerHTML = goobox;
</script>
</b:if>

quindi si salva il template. La prima e l'ultima riga sono i tag condizionali per Blogger e fanno in modo da usare il javascript per disattivare il Lightbox solo nelle pagine statiche.

COME DISATTIVARE IL LIGHTBOX IN UNA SINGOLA PAGINA

Per rendere inattivo il Lightbox in una singola pagina, che può essere statica oppure anche quella relativa a un post, basta modificare i tag condizionali del codice precedente in questo modo

<b:if cond='data:blog.url == "URL_della_Pagina"'>   
<script type='text/javascript'>
gooimg = document.getElementById(&#39;main&#39;);
goobox = gooimg.innerHTML;
goobox = goobox.replace(&quot;&#39;lightboxEnabled&#39;: true,&quot;,&quot;&#39;lightboxEnabled&#39;: false,&quot;);
gooimg.innerHTML = goobox;
</script>
</b:if>

Tale codice va incollato subito sopra alla riga </html> come in precedenza. Ricordo che dopo aver salvato il modello il codice potrebbe essere riposizionato automaticamente da un'altra parte. Per ritrovarlo basta cliccare su F3 o su Ctrl+F e incollare l'inizio della terza riga del codice. Inoltre se si possiede un blog gratuito del tipo Blogspot e si vuole disabilitare il Lightbox in un articolo occorre tenere a mente che i tag condizionali per funzionare hanno bisogno dell'URL canonico e non di quello localizzato. Vale a dire nell'indirizzo del post bisogna sostituire .it con .com.