Pubblicato il 24/01/10 - aggiornato il  | 33 commenti :

Come non visualizzare la sidebar nelle pagine statiche di un blog su Blogger.

Con l'introduzione delle pagine statiche e attraverso delle condizioni che possono essere inserite nel modello sarà possibile personalizzarle alle nostre esigenze. In genere dette pagine servono per moduli, elenchi o anche per gallerie fotografiche quindi tutti i widget presenti nella sidebar sono spesso inutili in quel contesto e quello spazio può esser utilizzato in altro modo.
Se si vuole eliminare la sidebar (o le sidebar) presenti nel blog dalle pagine statiche è sufficiente andare su Layout > Modifica HML e cercare la riga
</head>
Immediatamente sopra questa riga può essere dichiarato lo stile relativo alle pagine statiche incollando il seguente codice


<!-- STILE PAGINE STATICHE INIZIO --> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper{display:none;}
#main-wrapper{width: 100%;}
</style>
</b:if>
<!-- STILE PAGINE STATICHE FINE -->



In questo caso ho inserito 100% per poter sfruttare al meglio tutta la larghezza del blog per le nostre pagine statiche ma si può anche inserire un valore assoluto (p.e. 950px) oppure si può diminuire o aumentare la percentuale.

In questo blog ho messo 130% come si vede dallo screenshot seguente
pagine-statiche
Si salva il modello e nelle pagine statiche sarà scomparsa la sidebar come si può vedere nella Mappa del sito per categorie che è la prima pagina statica che ho creato. Se avete Internet Explorer non la potrete visualizzare (vi consiglio caldamente di abbandonare quel browser!).
Nel caso in cui abbiate più sidebar queste saranno contrassegnate da dei numeri (sidebar1, sidebar2, ecc.) sarà sufficiente inserire una riga in più per ciascuna di esse con accanto la dicitura {display:none;}.


Aggiornamento importante: Se state utilizzando un template del Designer Modelli allora per non visualizzare le sidebar, dovete consultare il tutorial su



33 commenti :

  1. Utilissimo anche questo suggerimento!
    Perfezionerò...
    grazie!
    g
    ps: ti ho feed-sottoscritto e inserito anche il tuo antipixel :-)
    (perché si chiama cosi? :-))

    RispondiElimina
  2. @Giovanna
    Mi fa piacere che i miei articoli ti siano serviti :-)
    L'espressione antipixel sembra che derivi dal nome del blog che per primo li ha usati. Da allora tutti i piccoli banner 80x15 pixel vengono chiamati "antipixel".
    Ciao

    RispondiElimina
  3. Grazie per la info, io curiosona :-)

    E, una cosa tira l'altra...
    ma solo Se e quando puoi!
    Sto apportando le mie modifiche: mi piacerebbe una diversa formattazione dei link delle pagine statiche. Noto invece che prende quella di tutti gli altri link. E' possibile?
    ti ringrazio,
    g

    RispondiElimina
  4. @Giovanna
    Siccome la domanda era interessante invece che con un commento ti ho risposto con un articolo.
    In seguito penserò ad altre personalizzazioni come p.e. creare una galleria fotografica con effetti speciali :-)

    RispondiElimina
  5. ciao, ho provato ma non ha funzionato. Penso sia dovuto al fatto che non riesco a trovare il nome della sidebar nel modello che uso. Sapresti aiutarmi (se ti mando il codice htlm)?

    RispondiElimina
  6. @braian letto
    Ho dato uno sguardo al codice di questo blog
    http://ingegneriaedintorni.blogspot.com/
    e la riga sidebar-wrapper non è presente. Invece c'è in questo blog
    http://lucca1921.blogspot.com/
    In quest'ultimo dovrebbe funzionare la personalizzazione.
    Ciao

    RispondiElimina
  7. sei stato gentilissimo però purtroppo mi interessa il blog ingegneria e dintorni...

    RispondiElimina
  8. Ciao! Arieccomi :D
    Ho seguito la tua procedura per allargare la pagina statica per farci stare comodo il guestbook.
    Ma niente.
    Nessuna traccia di main-wrapper, che però ho individuato in .art-content
    e .art.sidebar1 e 2.

    Sono confusa. Puoi aiutarmi? O mi consigli di lasciar perdere con questo malefico template così carino? :D

    RispondiElimina
  9. @Sarù
    Il consiglio che posso darti è quello di creare un altro blog di una sola pagina e linkarlo nel tuo blog principale come guestbook. Io l'ho fatto con il forum
    http://parsifal32-forum.blogspot.com/
    Ci metti meno che con le pagine statiche e non ci sono controindicazioni.
    Ciao

    RispondiElimina
  10. Ci ho lavorato fino a quest'ora..ma niente. Lascio perdere. Unica soluzione? cambiare template..questo era tanto caruccio ma incasinatissimo.
    Grazie mille per avermi risposto :)

    RispondiElimina
  11. Ciao! Qui: http://afasyros.blogspot.com/p/accueil.html
    ho creato una Home pagina in una pagina statica e vorrei un tuo consiglio per eliminare Home Page (Accueil) alla fine delle pagine statiche. Oppure cambiare l'indirizzo.

    RispondiElimina
  12. Come puoi vedere qui sotto
    http://www.ideepercomputeredinternet.com/p/mappa-del-sito-per-categorie-in-ordine.html non ho trovato il modo...
    Ti prego di non inserire link attivi nei commenti perché non li posso controllare tutti e quindi potrei essere costretto a eliminarli.
    Ciao

    RispondiElimina
  13. Ciao. Intanto volevo ringraziarti perchè è molto che sego i tuoi tutorial per il blog e sono davvero utlissimi e spiegati molto bene. Volevo per chiederti una cosa. Ho un blog e ho seguito questa tua guida per eliminare le colonne laterali dalle pagine statiche. Volevo però sapere se esiste un modo per cambiare il post body solo delle pagine statiche... cioè magari cambiare i bordi... il mio blog è questo: http://thebastardsonsofdioniso.blogspot.com/ come vedi le pagine statiche risultano "vuote" nella grafica, io volevo cambiare proprio lo sfondo della pagina statica... è possibile??? non lo sfodno del post della pagina ma proprio il body.. è una cosa fattibile?
    Grazie ancora per l'aiuto!

    RispondiElimina
  14. @Camilla
    E' possibile cambiare lo sfondo delle pagine statiche anche se non facilissimo. Bisogna creare una classe di stile con lo sfondo e applicarla solo alle pagine statiche. Se ho tempo, senza impegno e se me lo ricordo...
    Ciao

    RispondiElimina
  15. Ciao ho appena iniziato un blog...come posso fare a eliminare la scritta home page a fine post o post(s)...nel senso che nella "Pagina" dove si può mettere i link statici (post-modifica pagina-pagina) ho già utilizzato Home page ma per una indirizzo diverso da quello a fondo post (quest'ultimo mi va a prendere l'ultimo (scusa la ripetizione)post pubblicato cronologicamente! Insomma mi da fastidio perchè la mia home page non vuole essere l'ultimo post pubblicato ma una scheda di benvenuto...grazie...so che c'entra poco da quello che hai scritto in questo post qui ma più o meno alla larga potrebbe anche si ;-) Ciao e grazei

    RispondiElimina
  16. Cosa va inserito a stile pagine statiche inizio e fine???

    RispondiElimina
  17. @Kikka Bimba
    Non va inserito nulla. Si deve incollare il codice nella posizione indicata. Si può variare la percentuale di visualizzazione.
    Se hai un nuovo modello può darsi che questo codice non funzioni perché le sidebar vengono definite come "column" quindi dovresti modificare lo stile in quel senso guardando come vengono definite nel template. Quando ho scritto il post il codice era quello.

    RispondiElimina
  18. @parsifal32
    Ehhhhh vabbè.
    Ogni giorno aumenta la difficoltà di questo adventure game che è blogger? ^.^
    Ora il mio blog è sotto il modello simple e sono riuscita a trovare "column" MA mi sparisce tutta la pagina statica con queste condizioni:

    .main-outer {display:none;}
    .fauxcolumn-left-outer .fauxcolumn-inner {display:none;}
    .fauxcolumn-right-outer .fauxcolumn-inner {display:none;}

    Se oso togliere la prima voce, riecco apparire la sidebar. :'(

    Senza impegno Ern...puoi aiutarmi anche stavolta? Thanks a lot! :*

    RispondiElimina
  19. @SarùPurtroppo non posso aiutarti perché dal codice capisco che è un nuovo modello, Designer Modelli per capirci, e la non visualizzazione delle pagine statiche è piuttosto complicata. Se qualche blogger più bravo di me ci riesce, riprendo il tutorial ci faccio un post.
    Ciao

    RispondiElimina
  20. @Ernesto: capisco. -_- Ehi, non c'è blogger più bravo di te. Almeno umanamente ^.^

    A presto per un'altra mission impossible..! ;)

    RispondiElimina
  21. scusate ma io ho inserito il codice html ma non è cambiato niente .. c'è qualcuno che puo aiutarmi?
    grazie mille

    RispondiElimina
  22. @WEBG
    Se hai un template nuovo del Designer Modelli purtroppo per il momento c'è poco da fare. Non mi risulta sia stato ancora trovato un modo per non visualizzare la sidebar.

    RispondiElimina
  23. Ciao. In una nuova pagina statica di blogger, vorrei eliminare le colonne laterali, fermo restando il modulo di post, al fine di scriverci delle poesie, o pubblicare più foto, o inserire anche una sola foto, indipendentemente dalla homepage. Potete aiutarmi?
    Il mio blog è: http://meteonanembus.blogspot.com.

    Rispondete presto. Grazieeee

    RispondiElimina
  24. @Palma Vitiello
    Se ho capito bene vorresti eliminare le colonne laterali solo da una sola pagina statica e invece visualizzarle in tutte le altre. Hai incollato male l'indirizzo del tuo blog ma mi pare che sia a due colonne ottenuto con il Designer Modelli.
    Se è così segui il tutorial di questa pagina
    http://www.ideepercomputeredinternet.com/2011/04/come-eliminare-le-sidebar-dalle-pagine.html
    Per non visualizzare le sidebar solo in una pagina statica devi sostituire la prima riga del codice
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    con quella seguente
    <b:if cond='data:blog.url == "URL DELLA PAGINA STATICA"'>

    RispondiElimina
  25. Una domanda: si può fare qualcosa per eliminare la voce Home dalla barra del menù? Io ho predisposto un'altra pagina come pagina principale, ma non so come eliminare la voce Home.

    RispondiElimina
    Risposte
    1. Non credo e potrebbe anche essere pericoloso @

      Elimina
    2. Quindi mi tocca tenere due pagine doppione, quella della Home e la gemella. E' invece possibile nascondere la descrizione del blog (se si vuol far sì che compaia nella ricerca ma non nella grafica sotto al titolo del blog)?

      Elimina
    3. @ Giuliana
      Sì. Puoi mettere una immagine al posto di titolo e descrizione oppure puoi inserire questa riga

      .descriptionwrapper {display:none;}

      nei CSS vale a dire sopra alla solita riga /b:skin

      Elimina
  26. Ernesto,
    è forse possibile nascondere la sidebar solo nella Homepage?

    RispondiElimina
    Risposte
    1. @ Giuliana
      Certo, basta sostituire questa stringa
      "static_page"
      con quest'altra
      data:blog.homepageUrl
      secondo quelli che sono i tag condizionali
      http://www.ideepercomputeredinternet.com/2012/06/i-tag-condizionali-e-i-domini.html

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy