Många webbplatser erbjuder widgets att bädda in i din blogg, vilket öppnar ett brett utbud av möjligheter för anpassning. Om ditt Tumblr-tema innehåller ett sidofält kan du infoga applikationer på din bloggsida genom att klistra in en rad HTML-kod i temat sidofältstagg. Webbplatser som erbjuder widgetar kan generera denna kodrad så att du inte behöver programmeringskunskap för att infoga widgets i sidofältet. Tumblr innehåller en HTML-redigerare med ett sökfält så att du snabbt kan hitta sidofältet och infoga koden på rätt plats.
Besök en webbplats som Widgetbox, ShareThis eller Tumblring för att söka efter widgets att lägga till på din Tumblr-sida (länkar i resurser). Processen att generera HTML-kod varierar mellan widgets, men varje webbplats innehåller instruktioner för att anpassa en widget, generera kod och infoga koden på din Tumblr-sida. Typerna av widgets inkluderar sociala bokmärkningsknappar, musikspelare, sökmotorer och många andra.
Välj en widget och välj valfria alternativ, t.ex. layout, färg eller typsnitt när du uppmanas till det. Vissa widgets kan kräva mer installation. Om du till exempel bäddar in en musikspelare kan du behöva följa webbplatsens instruktioner för att skapa en spellista innan din kod kan genereras. När du har gjort ditt val klickar du på "Skapa HTML" eller ett liknande alternativ och kopierar koden som visas i textrutan.
Öppna Anteckningar och klistra in koden i ett nytt textdokument. Spara dokumentet och ge det ett namn som du enkelt kan identifiera det senare, till exempel widgetens namn.
Besök din Tumblr-instrumentpanel, klicka på "Gear" -ikonen och välj din blogg från sidofältet. Klicka på "Anpassa" i avsnittet Tema och välj sedan "Redigera HTML" på anpassningssidan. Din bloggs HTML-kod öppnas i en textredigerare inbäddad på sidan.
Öppna ett nytt textdokument i Anteckningar och kopiera HTML-koden från Tumblr-redigeraren till det nya Anteckningsdokumentet. Ge det här dokumentet ett namn som ”Tumlbr HTML Original” så att du snabbt kan hitta det senare om du inte gillar ändringarna i sidofältet.
Gå tillbaka till Tumblrs HTML-redigerare och tryck på "Ctrl-F" för att visa Sök och ersätt-fältet, som du kan använda för att söka efter sidofältet i HTML-koden. Kodens exakta formatering kan skilja sig mellan teman, men du kan hitta den genom att skriva "sidofält" (utan citattecken) i Sök-rutan eftersom alla sidofältstaggar inkluderar detta nyckelord. Om du till exempel söker efter "sidofält" kan kodavsnittet "
Klistra in widgetens HTML-kod i sidofältet men inte inuti vinkelparenteserna som avgränsar taggens nyckelord. När du har infogat koden ska din sidofältet likna följande kodavsnitt:
Den genererade koden kan vara lång och komplicerad, men allt du behöver göra är att klistra in den i sidofältet. Vitt utrymme och linjetabellering spelar ingen roll eftersom Tumblrs HTML-editor formaterar koden åt dig.
Klicka på "Uppdatera förhandsgranskning" för att se dina ändringar i förhandsgranskningsfönstret. Om din widget visas efter eget önskemål klickar du på "Spara" och stänger HTML-redigeraren. Om du vill ändra någon aspekt av din widget, byt ut den ändrade koden mot den ursprungliga koden du sparade i steg 5. Gå tillbaka till widgetgenereringssidan, välj de alternativ du föredrar och generera koden igen. Upprepa kodinsättningsprocessen med den nyligen genererade koden.
Tips
Om du sätter i flera sidofältwidgets klistrar du in dem i den ordning du vill att de ska visas i sidofältet.
