Pubblicato il 22/09/12e aggiornato il

Come nascondere elementi nei blog a Visualizzazione Dinamica.

Come intervenire nei CSS dei template di Blogger a Visualizzazione Dinamica.
Continuo nell'affrontare il tema delle personalizzazioni dei modelli di Blogger a Visualizzazione Dinamica. In linea generale quando si vuole modificare in qualche modo un elemento del layout di un blog vanno utilizzate le estensioni Firebug per Firefox o la più semplice Firebug Lite per Chrome.

Si tratta di ispezionare il layout per trovare il nome della classe o dell'ID del singolo elemento per poi applicare un CSS nel modello quando tale elemento non sia accessibile dalla scheda Layout. Recentemente è stata introdotta anche la possibilità di editare l'HTML del template del tipo Dynamic View dandoci anche la possibilità di incollare il codice direttamente nel modello.

Usando queste estensioni possono essere trovate queste classi per la visualizzazione Classic
  1. class="header-bar" per la barra di ricerca in alto a destra
  2. id="gadget-dock" per la barra scorrevole dei widget sulla destra
  3. class="header-drawer" per la barra orizzontale che mostra le sette opzioni di visualizzazione
Quando si sono individuati i CSS si possono seguire le istruzioni di Blogger per modificare i fogli di stile nel Designer Modelli. I meno esperti possono anche consultare la breve guida su cosa si possa fare modificando i CSS. Ritornando al tema del post, per nascondere la barra di ricerca, basta andare su Modello > Personalizza > Avanzato > Aggiungi CSS e incollare il seguente codice

.header-bar #search { display:none !important; }

Si va su Applica al blog per rendere le modifiche effettive. Invece per nascondere la scelta tra i vari modelli si dovrebbe incollare la riga

#views { display: none !important; }

ma nel test che ho effettuato non la salva se applicata su Avanzato > Aggiungi CSS. E' invece possibile aggiungerla su Modello > Modifica HTML > Procedi. Si cerca la riga ]]></b:skin> e si incolla subito sopra ricordandoci di salvare il template.




5 commenti :

  1. Quando scelgo un modello dinamico, si vedono solamente i post e così facendo tolgono le sidebar e tutte le altre cose aggiunte come per esempio i banner pubblicitari?
    Ci sarà un rimedio credo. Se si qual è?

    RispondiElimina
  2. @ ...
    Si possono solo aggiungere i Banner di Adsense dalla scheda Profitti. Per la sidebar invece non si può fare nulla

    RispondiElimina
  3. Mi scuso per l'OT. Ho appena trovato, ma immagino ti sarà già noto, che sono disponibili nuovi gadget per la sidebar dei modelli a visualizzazione dinamica(ne uso uno, ma con poc soddisfazione).
    Foto, Slideshow e Newsreel .Ciao

    RispondiElimina

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.