Per impostazione predefinita, la posizione della barra laterale su un blog di Tumblr è assoluta; scorre con il contenuto principale della pagina, alla fine muoversi fuori dallo schermo, come un lettore scorre verso il basso. È possibile configurare il tuo blog Tumblr per scorrere all'infinito in modo contenuto aggiuntivo viene visualizzato automaticamente quando un lettore raggiunge il fondo della pagina. Se si esegue questa operazione, tuttavia, può essere difficile per un lettore a scorrere indietro a dove lei può vedere la barra laterale; ad esempio, se lei decide di fare una domanda o iniziare seguendo il tuo blog dopo aver letto diverse pagine di contenuto. Modificare la barra laterale da assoluta a posizionamento fisso, quindi solo il contenuto del tuo blog pergamene mentre la barra laterale rimane al suo posto.

Istruzioni

1

Accedi al tuo account Tumblr. La pagina Dashboard, fare clic sul nome del blog in cui si desidera convertire la sidebar da assoluta a posizionamento fisso.

2

Selezionare "Personalizzare l'aspetto" sulla colonna di destra del menu. Il display visualizza il corrente visual design del tuo blog.

3

Fare clic sul pulsante "Modifica HTML" nella parte superiore della barra dei menu a sinistra. Il menu si espande e visualizza l'origine HTML per il layout del tuo blog.

4

Premere contemporaneamente i tasti "Ctrl" e "F". Viene visualizzata una finestra di dialogo "Trova". Digitare "barra laterale" nella finestra di dialogo e premere "Invio" per individuare il seguente codice che inizia alla riga 515:

wrapper #sidebar {

Larghezza: 250px;
float: right;
colore: {colore: Background};
font-family: {font: accento}

5

Fate clic per posizionare il cursore nello spazio dopo "width: 250px;" e premere "Invio" per cadere in una nuova riga. Digitare il seguente codice:

destra: 150px;

In questo modo i 150 pixel sidebar dal bordo destro della pagina. Regolare il numero per modificare la posizione della barra laterale.

6

Fate clic per posizionare il cursore nello spazio dopo "float: right;" e premere "Invio" per cadere in una nuova riga. Digitare il seguente codice:

Posizione: fisso;

Ora, il blocco completo del codice viene visualizzato come segue:

wrapper #sidebar {

Larghezza: 250px;
destra: 150px;
float: right;
Posizione: fisso;
colore: {colore: Background};
font-family: {font: accento}

7

Fare clic sul pulsante "Aggiorna anteprima" nella parte superiore della barra dei menu a sinistra e quindi fare clic su "Aspetto", "Salva" e "Chiudi".