-->

Come nascondere descrizione o titolo blogspot

Potremmo aver bisogno di nascondere la descrizione o il titolo che appare nella parte superiore della pagina in un blog blogger blogspot poichè ingombrande o non adatto al layout del nostro template.

Vediamo comenasconderlo senza eliminarlo completamente, per continuare ad essere visibile dai motori di ricerca.

Come procedere?

1) Entriamo in blogger e nel nostro blog, clicchiamo Modello / Modifica HTML / Procedi

2) Se vogliamo nascondere il titolo, cerchiamo :

#header h1

e inseriamo :

 visibility: hidden;

Il risultato sarà:

#header h1 { visibility: hidden;  }

se è presente altro al suo interno possiamo anche eliminarlo e comunque non sarà visibile.
Consiglio, per rendere la ricerca di questa parte di codice più veloce, di cliccare col mouse nel riquadro della pagina dov'è il codice html e poi clicare Ctrl + F sulla tastiera, in questo modo comparirà, di solito in alto a destra del riquadro, "Search:" con uno spazio accanto dove inserite la parola da cercare e poi cliccate Invio.

3) Se vogliamo nascondere la descrizione, cerchiamo :

#header .description

e inseriamo :

 visibility: hidden;

 risultato

#header .description { visibility: hidden;  }

 come per il tittolo anche qui possiamo eliminare quello c'è al suo inteno nel teg poichè non sarà visibile.

Ora salviamo il tutto e ammiriamo il risultato.

4 commenti:

  1. stavo cercando questo credo... ma posso avere un risultato come in questi due casi?
    cappelloabombetta.com
    chez-babs.com/
    grazie Chiara

    RispondiElimina
    Risposte
    1. ciao chiara, per ottenere quello che dici devi nascontere tutta la parte superiore del template e quindi credo tu debba inserie anche #header {visibility: hidden;}

      Elimina
  2. ciao! scusa ma io non riesco a trovare #header h1 ! uff! Ho trovato questo:
    <b:widget id='Header1' locked='true' title=

    etc etc

    Puoi aiutarmi?

    RispondiElimina
    Risposte
    1. ciao Carlotta, ho aggiornato il post per spiegarti un modo veloce per cercarlo. Purtroppo ogni template è diverso ma dovrebbe trovarsi tra < b:skin >....< /b:skin > , basta cliccare il triangolino nero accanto per espanderlo, dovrebbe essere li ma, se non c'è prova ad aggiungere tu direttamente tutta la riga di codice ovviamente fra questi due tag detti.

      Elimina
Posta un commento

Inserite il vostro nick name se volete una risposta altrimenti non si saprà a chi rispondere. Se inserite link verrà considerato spam e il commento non pubblicato.