Sådan indsættes Tumblr-apps i sidepanelet

Mange websteder tilbyder widgets, der skal integreres i din blog, hvilket åbner en bred vifte af muligheder for tilpasning. Hvis dit Tumblr-tema indeholder et sidebjælke, kan du indsætte applikationer på din blogside ved at indsætte en linje HTML-kode i dit temas sidebar-tag. Websteder, der tilbyder widgets, kan generere denne kodelinje, så du ikke har brug for programmeringskendskab for at indsætte widgets i dit sidebjælke. Tumblr inkluderer en HTML-editor med en søgefelt, så du hurtigt kan finde sidepanelet og indsætte koden på den rette placering.

Besøg et websted som f.eks. Widgetbox, ShareThis eller Tumblring for at søge efter widgets, der skal føjes til din Tumblr-side (links i ressourcer). Processen med at generere HTML-kode varierer mellem widgets, men hvert websted indeholder instruktioner til tilpasning af en widget, generering af kode og indsættelse af koden på din Tumblr-side. Typerne af widgets inkluderer sociale bogmærke knapper, musikafspillere, søgemaskiner og mange andre.

Vælg en widget, og vælg valgmuligheder, f.eks. Layout, farve eller skrifttype, når du bliver bedt om det. Nogle widgets kræver muligvis mere opsætning. For eksempel, hvis du integrerer en musikafspiller, skal du muligvis følge webstedsinstruktionerne for oprettelse af en playliste, før din kode kan genereres. Når du har foretaget dit valg, skal du klikke på "Generer HTML" eller en lignende mulighed og kopiere koden, der vises i tekstfeltet.

Åbn Notesblok, og indsæt koden i et nyt tekstdokument. Gem dokumentet, og giv det et navn, som du nemt kan identificere det senere, såsom widgetens navn.

Besøg dit Tumblr-dashboard, klik på ikonet "Gear", og vælg din blog fra sidepanelet. Klik på "Tilpas" i sektionen Tema, og vælg derefter "Rediger HTML" på tilpasningssiden. Din blogs HTML-kode åbnes i en teksteditor indlejret på siden.

Åbn et nyt tekstdokument i Notepad, og kopier HTML-koden fra Tumblr-editoren til det nye Notepad-dokument. Giv dette dokument et navn som “Tumlbr HTML Original”, så du hurtigt kan finde det senere, hvis du ikke kan lide de ændringer, du foretager i dit sidebjælke.

Gå tilbage til Tumblrs HTML-editor og tryk på "Ctrl-F" for at få vist bjælken Find og erstat, som du kan bruge til at søge efter sidepanelet inden for HTML-koden. Kodens nøjagtige formatering kan variere mellem temaer, men du kan finde den ved at skrive "sidebar" (uden anførselstegn) i Find-boksen, fordi alle sidebar-tags inkluderer dette nøgleord. For eksempel kan søgning efter "sidebjælke" muligvis finde kodestykket "

, ”Som angiver sidebjælketagets begyndelse. Tag slutter med det afsluttende “
”Nøgleord.

Indsæt widgetens HTML-kode i sidebjælketagget, men ikke inden for de vinkelparentre, der afgrænser tagets nøgleord. Efter indsættelse af koden skal dit sidebar-tag ligne følgende kodestykke:

Din widgets HTML-kode vises her

Den genererede kode kan være lang og kompliceret, men alt hvad du skal gøre er at indsætte den i sidepanelet. Hvidt rum og linjetabeller betyder ikke noget, fordi Tumblrs HTML-editor formaterer koden for dig.

Klik på "Opdater eksempelvisning" for at se dine ændringer i eksempelvinduet. Hvis din widget vises efter eget valg, skal du klikke på "Gem" og lukke HTML-editoren. Hvis du vil ændre ethvert aspekt af din widget, skal du udskifte den ændrede kode med den originale kode, du gemte i trin 5. Gå tilbage til widgetgenereringssiden, vælg de indstillinger, du foretrækker, og generer koden igen. Gentag kodeindsættelsesprocessen med den nyligt genererede kode.

Tips

Hvis du indsætter flere sidebar-widgets, skal du indsætte dem i den rækkefølge, som du vil have dem til at blive vist i dit sidebjælke.