Veel websites bieden widgets aan om in uw blog in te sluiten, waardoor er een breed scala aan aanpassingsmogelijkheden ontstaat. Als uw Tumblr-thema een zijbalk bevat, kunt u toepassingen op uw blogpagina invoegen door een regel HTML-code in de zijbalktag van uw thema te plakken. Websites die widgets aanbieden, kunnen deze regel code genereren, dus je hebt geen programmeerkennis nodig om widgets in je zijbalk in te voegen. Tumblr bevat een HTML-editor met een zoekbalk, zodat u snel de zijbalktag kunt vinden en de code op de juiste locatie kunt invoegen.
Bezoek een site zoals Widgetbox, ShareThis of Tumblring om te zoeken naar widgets om toe te voegen aan uw Tumblr-pagina (links in bronnen). Het proces van het genereren van HTML-code verschilt per widget, maar elke site biedt instructies voor het aanpassen van een widget, het genereren van code en het invoegen van de code in uw Tumblr-pagina. De soorten widgets omvatten knoppen voor sociale bladwijzers, muziekspelers, zoekmachines en vele andere.
Selecteer een widget en kies desgevraagd eventuele opties, zoals lay-out, kleur of lettertype. Sommige widgets vereisen mogelijk meer instellingen. Als u bijvoorbeeld een muziekspeler insluit, moet u mogelijk de instructies van de site volgen voor het maken van een afspeellijst voordat uw code kan worden gegenereerd. Nadat u uw selectie heeft gemaakt, klikt u op "HTML genereren" of een vergelijkbare optie en kopieert u de code die in het tekstvak wordt weergegeven.
Open Kladblok en plak de code in een nieuw tekstdocument. Sla het document op en geef het een naam waaraan u het later gemakkelijk kunt herkennen, zoals de naam van de widget.
Ga naar je Tumblr-dashboard, klik op het pictogram "Gear" en selecteer je blog in de zijbalk. Klik op 'Aanpassen' in het gedeelte Thema en kies vervolgens 'HTML bewerken' op de aanpassingspagina. De HTML-code van je blog wordt geopend in een teksteditor die in de pagina is ingesloten.
Open een nieuw tekstdocument in Kladblok en kopieer de HTML-code van de Tumblr-editor naar het nieuwe Kladblok-document. Geef dit document een naam zoals 'Tumlbr HTML Original', zodat u het later snel kunt terugvinden als de wijzigingen die u in uw zijbalk aanbrengt, u niet bevallen.
Keer terug naar de HTML-editor van Tumblr en druk op "Ctrl-F" om de balk Zoeken en vervangen weer te geven, die u kunt gebruiken om te zoeken naar de zijbalktag in de HTML-code. De exacte opmaak van de code kan per thema verschillen, maar u kunt deze vinden door "zijbalk" (zonder aanhalingstekens) in het zoekvak te typen, omdat alle zijbalktags dit trefwoord bevatten. Als u bijvoorbeeld naar "zijbalk" zoekt, vindt u mogelijk het codefragment "
Plak de HTML-code van de widget in de zijbalktag, maar niet tussen de punthaken die de trefwoorden van de tag afbakenen. Na het invoegen van de code, moet uw zijbalktag lijken op het volgende codefragment:
De gegenereerde code kan lang en ingewikkeld zijn, maar het enige wat u hoeft te doen is deze in de zijbalktag te plakken. Witruimte en regeltabel maken niet uit, omdat de HTML-editor van Tumblr de code voor u opmaakt.
Klik op "Voorbeeld bijwerken" om uw wijzigingen in het voorbeeldvenster te bekijken. Als uw widget naar wens wordt weergegeven, klikt u op "Opslaan" en sluit u de HTML-editor. Als u een aspect van uw widget wilt wijzigen, vervangt u de gewijzigde code door de originele code die u in stap 5 hebt opgeslagen. Keer terug naar de widget-generatiepagina, selecteer de gewenste opties en genereer de code opnieuw. Herhaal het code-invoegproces met de nieuw gegenereerde code.
Tips
Als u meerdere zijbalkwidgets invoegt, plak ze dan in de volgorde waarin u ze in uw zijbalk wilt laten verschijnen.
