Lägg till en extra sidofält på Tumblr

Lägg till en extra sidofält på Tumblr

Om ditt tema bara har ett sidofält kan du enkelt skapa ett andra. Följ stegen nedan för att justera CSS och lägga till en ny div-container.

Steg 1: Öppna Teman

1. Logga in på Tumblr.
2. Klicka på “Anpassa” i den högra sidofältet.
3. Välj “Redigera HTML” i den vänstra menyn.

Steg 2: Kopiera det befintliga sidofältet

1. Leta upp CSS‑sektionen för ditt sidofält. Det kan vara #side, #sidebar, #lefts eller liknande.
2. Markera hela blocket (t.ex. #side{ … }).
3. Tryck Ctrl+C för att kopiera.

Steg 3: Klistra in och döp om

1. Placera markören längst ner i det kopierade blocket och tryck Ctrl+V.
2. Byt namn på det nya blocket: #side{ → #side2{.
3. Anpassa position, bredd och höjd så att de inte överlappar varandra. Exempel: ändra left: 1050px; till left: 850px;.

Steg 4: Lägg till en ny div-container

Infoga följande rad före den avslutande </body>‑taggen:

<div id='side2'></div>

Placera önskat innehåll mellan <div> och </div>. Exempel:
<big>Här är mitt andra sidofält</big>

Steg 5: Förhandsgranska och spara

Klicka på “Förhandsgranska” för att se resultatet. När du är nöjd, klicka på “Spara”.

Tips

Förhandsgranska alltid innan du sparar för att säkerställa att layouten ser korrekt ut.

Varningar

Ändra HTML‑koden med försiktighet. Felaktiga ändringar kan göra att element visas fel eller försvinner.