Pubblicato il 19/12/12e aggiornato il

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 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.




10 commenti :

  1. ciao carissimo...ho una curiosità da togliere.
    io ho un blog pubblico con alcuni follower tra cui uno anonimo,se io il blog lo metto privato,questo anonimo,mi seguirà ancora?.
    grazie...

    RispondiElimina
    Risposte
    1. @samanthachiarodiluna
      Ti fai dei problemi per uno che ti segue in modo anonimo? Scusa ma mi sembra eccessivo. Comunque se metti il tuo blog privato potrà essere visualizzato solo dagli utenti di cui tu inserirai la email nell'apposito campo
      http://www.ideepercomputeredinternet.com/2011/02/come-creare-un-blog-chiuso-visibile.html
      La grafica adesso è diversa perché è cambiata la Bacheca > Impostazioni > Di Base > Lettori > (Chiunque) Modifica.
      Però come la metti con ti segue sui social tipo Google Plus?

      Elimina
  2. Sereno Natale!!
    ……/\…………………*………*………*….*…….*…..
    …../..\……./\………….*…………*…..*………*…….
    …./….\…../..\……*………….*………*……..*…….*.
    …/_…_\…/….\…….*….*………*……….*…….*….
    …./…..\../_…_\…*…………..*………….*……*……
    …/…….\./…….\….*…….*………*……..*.*…….*.
    ../_……_\………\ ……*…….*………*……..*…….*
    …/……..\………_\…*………*…….*………*……..*.
    ../……….\………\………*…….*………*……..*…..
    ./…………\…….._\..*….*…__██__…..*……*…..
    /________\………\…..*…….( • • )…..*…….*…..
    ……|…|_________\.*……..─(░•░)─….*…….*…
    ……|…|….|…|.*………..*…..(░ • ░)……**…….*


    RispondiElimina
  3. ciao grazie per la risposta,no non mi dà fastidio però era una curiosità mia...troppo stupida ma una curiosità...
    ti auguro un buon natale!.

    RispondiElimina
  4. ...fantastico, questa sera mi metto subito al lavoro e poi ti faccio sapere!!!

    Grazie mille!

    Ciao
    CSJ

    RispondiElimina
  5. ...che dire!!!
    Funziona benissimo in Firefox, un pò meno in IE.

    Grazie
    Un Saluto

    RispondiElimina
    Risposte
    1. @ CSJ
      In IE non funziona quasi mai nulla, non lo testo neppure più :)

      Elimina
  6. scusami ernesto,io vorrei fare una cosa tipo questa;
    di default mi parte il lightbox quando clicco su una foto,ecco..io ho provato ad eliminarlo cliccando su impostazioni,post e cliccando NO su apri immagini in lightbox.Però quando clicco su una foto mi porta comunque in una pagina ,andando via poi dal blog.io vorrei eliminare proprio il click sulla foto ,vorrei eliminare la possibilità di cliccarla o visualizzarla in lightbox anche perché ho impostato le foto nell dimensione extra large e di conseguenza sono gia grandi e vanno bene non c'è bisogno di cliccarle per vederle piu grandi.
    Potresti aiutarmi? grazie!

    RispondiElimina
    Risposte
    1. Per rendere le foto non cliccabili devi usare questo procedimento
      http://www.ideepercomputeredinternet.com/2011/04/come-rendere-le-immagini-non-cliccabili.html
      Lo devi fare con tutte le foto che hai pubblicato quindi è una cosa piuttosto lunga
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.