Lägga till extra kolumner och rader i Tumblr

Du kan redigera ditt Tumblr-tema på vilket sätt du vill med Tumblr HTML-redigeraren. Tumblr-teman använder “

”Tagg för att specificera avsnitt i temat. Du kan lägga till en extra kolumn, till exempel ett sidofält, i ditt tema med en kombination av Cascading Style Sheets - eller CSS-kod - och HTML-kod. Definiera ett bord i en av dina

lägg till rader med hjälp av taggar. Lägg till celler i raderna med taggar.

Definiera en sidofältkolumn

Öppna din Tumblr-instrumentpanel och välj sedan den blogg som du vill ändra i din instrumentpanel.

Klicka på "Anpassa" och sedan på "Redigera HTML" för att öppna HTML-redigeraren.

Definiera kolumnen genom att infoga följande kod mellan "”Taggar i avsnittet CSS i temakoden. Du kan utforma sidofältet som önskat, men koden nedan ger baskonstruktionen för kolumnen:

.sidebar {position: relativ; vänster: 0px; överst: 0px; }

Infoga följande kod mellan “

”Och motsvarande”

”Taggar i brödtexten i HTML-koden där du vill att kolumnen ska visas. Ersätt texten ”(Insert Your Sidebar Content Here)” med ditt eget innehåll.

... (Infoga sidofältets innehåll här) ...

Klicka på "Förhandsgranska uppdatering" och klicka sedan på "Spara" för att spara dina ändringar. Klicka på “Avsluta” för att stänga menyn Anpassa.

Definiera ett bord med rader

Öppna temakoden i Tumblr HTML-redigeraren och leta reda på

tagg som du kommer att använda för ditt bord. Skapa en ny "

”, Om så önskas.

Infoga följande kod för att definiera den nya tabellen. Ersätt "Cell 1", "Cell 2" etc. med ditt innehåll. Använd CSS-format för att formatera tabellen efter önskemål.

 Rad 1, cell 1 Rad 1, cell 2
 Rad 2, cell 3 Rad 2, cell 4

Klicka på "Förhandsgranska uppdatering" och klicka sedan på "Spara" för att spara dina ändringar. Klicka på “Avsluta” för att stänga menyn Anpassa.

Tips

De flesta Tumblr-teman stöder funktionen Endless Scrolling, så det finns inget behov av att lägga till rader i ditt tema om du inte vill organisera layouten i tabeller.

Använd CSS-stilar för att anpassa utseendet och känslan för dina kolumner. Till exempel, för att tilldela färgen vit som bakgrund, infoga uttalandet "bakgrund: #ffffff;" in i CSS-koden.