Standaard is de positie van de zijbalk op een Tumblr blog is absoluut; het rollen met de hoofdinhoud van de pagina, uiteindelijk beweging vandoor naar de zeef zoals een lezer naar beneden schuift. U kunt uw blog Tumblr te scrollen oneindig waardoor extra inhoud wordt automatisch weergegeven wanneer een lezer de onderkant van de pagina bereikt. Als u dit doet, echter kan het moeilijk zijn voor een lezer om terug naar waar ze van de zijbalk zien kan; bijvoorbeeld, als ze besluit om u een vraag of beginnen na uw blog na het lezen van meerdere pagina's van inhoud. Omzetten in de zijbalk van absolute vaste positionering, zodat alleen de inhoud van uw blog rollen terwijl de zijbalk op zijn plaats blijft.
Meld u aan bij uw account Tumblr. De pagina van het Dashboard, klik op de naam van de blog die u wilt omzetten in de zijbalk van absolute vaste positionering.
Selecteer "Weergave aanpassen" in de rechter menu-kolom. Dit geeft de huidige visuele ontwerp van uw blog.
Klik op de knop 'HTML bewerken' bovenaan in de menubalk links. Het menu breidt uit en geeft de HTML-broncode voor de lay-out van uw blog.
Druk gelijktijdig de toetsen "Ctrl" en "F". Een dialoogvenster "Vinden" verschijnt. "Sidebar" typt in het dialoogvenster en druk op "Enter" om te vinden de volgende code begin op lijn 515:
wrapper #sidebar {}breedte: 250px;
float: rechts;
kleur: {kleur: achtergrond};
lettertype-familie: {lettertype: Accent}Klik op de plaats van de cursor in de ruimte na "breedte: 250px;" en druk op "Enter" om te laten vallen op een nieuwe regel. Typ de volgende code:
rechts: 150px;
Dit plaatst de zijbalk 150 pixels vanaf de rechterrand van de pagina. Aanpassen van het aantal als de zijbalk de positie wilt wijzigen.
Klik op de plaats van de cursor in de ruimte na "float: rechts;" en druk op "Enter" om te laten vallen op een nieuwe regel. Typ de volgende code:
positie: vast te stellen;
De volledige blok code ziet er nu als volgt uit:
wrapper #sidebar {}breedte: 250px;
rechts: 150px;
float: rechts;
positie: vast te stellen;
kleur: {kleur: achtergrond};
lettertype-familie: {lettertype: Accent}Klik op de knop 'Voorbeeld bijwerken' boven in de menubalk links en klik op "Weergave", "Save" en "Close".
