Om du någonsin har rullat ner på en webbsida och ett objekt på den inte rörde sig, har du bevittnat CSS-positionstaggen i aktion. Tumblr-bloggare som lägger till den här taggen i sina mallar kan skapa samma effekt i sina bloggar. Ett bra ställe att prova är i sidofältet. När du har lagt till en positionstagg i din bloggs HTML-kod förblir sidofältet fast när människor rullar upp och ner på dina bloggsidor.

Besök din Tumblr-instrumentpanel och klicka sedan på inställningsikonen och namnet på bloggen du vill uppdatera. Om du bara har en blogg, klicka på dess namn.

Klicka på "Anpassa" följt av "Tillagd HTML." Tumblr öppnar ditt tema och visar dess HTML-kod.

Klicka var som helst i koden och tryck på "Ctrl-A" följt av "Ctrl-C" för att kopiera koden till Windows urklipp. Öppna ett nytt Notepad-dokument och klistra in koden i dokumentet. Dessa steg säkerställer att du har en säkerhetskopia av din ursprungliga mall.

Gå tillbaka till Tumblr HTML-koden och tryck på "Ctrl-F" för att öppna en sökruta. Skriv "sidofält" i sökrutan och tryck sedan på "Enter". Tumblr hittar den första förekomsten av "sidofält" och visar den kodsektion som innehåller det ordet. Koden den hittar ska se ut som följande:

wrapper #sidebar {color: {color: Background}; }

Den första raden kod innehåller orden #wrapper #sidebar. En vänster parentes följer dessa ord.

Klistra in följande kod direkt under den första raden med kod:

position: fast; höger: 100px;

Positionsattributet instruerar webbläsare att fixa sidofältet så att det inte rör sig när du rullar. Rätt attribut berättar webbläsare hur många pixlar du vill att sidofältets högra kant ska sitta från webbsidans högra marginal. I det här exemplet har rätt attribut värdet 100px.

Klicka på "Uppdatera förhandsgranskning" för att se en förhandsvisning av dina ändringar. Dra fönstrets rullningsfält uppåt och nedåt så ser du att sidofältet inte rör sig. Klicka på "Spara" för att spara dina ändringar.

Tips

Du kanske vill experimentera med olika värden för rätt attribut om du vill justera sidofältets horisontella position. Om du till exempel ändrar värdet från 100 pixlar till 50 pixlar rör sig sidofältet längre till höger med 50 pixlar.

Varningar

Var försiktig när du arbetar i HTML-redigeraren, eftersom ändring av befintlig kod av misstag kan ha dramatiska effekter på layouten på din sida. Om du ändrar koden och inte kan ta reda på hur du kan ångra dina ändringar kan du alltid ta bort allt i HTML-redigeraren och klistra in säkerhetskopieringskoden som du kopierade i redigeraren för att återställa den till dess ursprungliga skick.