Så här lägger du in Tumblr‑appar i sidofältet

Vad är widgets och varför använda dem?

Många webbplatser erbjuder widgets som du kan bädda in i din blogg. Det öppnar en bred palett av anpassningsmöjligheter, särskilt om ditt Tumblr‑tema har ett sidofält. Genom att klistra in en rad HTML‑kod i sidofältets tagg kan du snabbt lägga till appar utan att behöva koda själv.

Steg för att lägga till en widget

1. Välj en widgettjänst

   Besök webbplatser som Widgetbox, ShareThis eller Tumblring för att söka efter widgets. Varje tjänst ger tydliga instruktioner för hur du anpassar, genererar HTML‑koden och sedan kopierar den.

2. Anpassa din widget

   Välj önskade inställningar – layout, färg, typsnitt osv. Vissa widgets kräver extra steg, t.ex. att skapa en spellista innan koden kan genereras. Klicka på Generate HTML eller motsvarande knapp och kopiera den visas kod.

3. Spara koden i en textfil

   Öppna Anteckningar och klistra in koden i ett nytt dokument. Spara filen med ett beskrivande namn, t.ex. "Spelare.html".

4. Öppna Tumblr‑temaredigeraren

   Gå till ditt Tumblr‑dashboard, klicka på "Gear"-ikonen och välj din blogg. Välj Customize i Temasektionen, sedan Edit HTML. Tumblr öppnar ett inbäddat HTML‑redigeringsfönster.

5. Hitta sidofältets tagg

   Tryck Ctrl‑F och sök efter "sidebar" för att lokalisera <div id="sidebar">. Tänk på att taggen kan vara olika i olika teman, men ordet "sidebar" finns alltid där.

6. Klistra in widgetkoden

   Placera den kopierade koden inuti <div id="sidebar">‑taggen, men utanför själva taggens parenteser. Resultatet ska se ut så här:

   <div id="sidebar">
     // Din widgetkodsrad här
   </div>

7. Förhandsgranska och spara

   Klicka på "Update Preview" för att se widgeten i sidofältet. Om du är nöjd, klicka på "Save" och stäng HTML‑redigeraren. Behöver du göra ändringar, ersätt den nya koden med den ursprungliga du sparade i steg 3 och upprepa processen.

Tips

Om du lägger till flera widgets, klistra in dem i den ordning du vill att de ska visas i sidofältet.