Come spostare in alto o in basso una sidebar di Blogger.

Come spostare verso l'alto e verso il basso la sidebar di sinistra o di destra di Blogger.

Questo è un instant post che sto scrivendo a seguito di un commento appena ricevuto in cui mi si chiede se esiste la possibilità si spostare in basso la barra laterale. Credo che la lettrice si riferisca allo spostamento della sidebar di Blogger verso il basso.

Per affrontare questi problemi occorre utilizzare gli strumenti Ispeziona Elemento di Chrome o Analizza Elemento di Firefox. Solo in questo modo potremo conoscere l'ID o la classe dell'elemento in questione per potergli applicare una regola CSS che gli faccia cambiare di colore, di sfondo o appunto che lo sposti verso il basso come richiesto in questo caso.

Non con una certa difficoltà si riesce a determinare che la classe della colonna di destra è

.column-right-outer

mentre la classe della colonna di sinistra, se esiste, è quest'altra

.column-left-outer

Per spostare in basso, o in alto, soltanto la sidebar di destra si usa questo codice

.column-right-outer {margin-top:50px !important;}

che dovrà essere incollato nella sezione <b:skin> del template. Si va su Modello -> Modifica HTML e si clicca sulla freccetta nera a sinistra di quella sezione che si trova intorno alla decima quindi si cerca la riga ]]></b:skin> con Ctrl+F e vi si incolla il codice precedente subito sopra.

Dopo aver salvato il modello la sidebar si sarà spostata verso il basso di 50 pixel lasciando inalterato tutto il resto del layout. Ovviamente si può modificare il valore dello spostamento e si può avvicinare la sidebar all'header inserendo dei valori negativi nel margine impostato. Questo può essere fatto anche per la sidebar di sinistra sostituendo .column-right-outer con  .column-left-outer.