Wanneer je een nieuwe Tumblr-blog maakt, genereert het systeem een standaardsjabloon met instellingen die je kunt aanpassen. Zoals Tumblr opmerkt, geeft deze flexibiliteit je de mogelijkheid om je blogpagina aantrekkelijker te kiezen en er een persoonlijk tintje aan te geven. Zelfs als u HTML niet begrijpt, kunt u een eenvoudige update toepassen op de sjabloon om de titels in uw tekstberichten te laten opvallen.
Webpagina-styling 101
Website-eigenaren veranderen de manier waarop hun webpagina's eruitzien door Cascading Style Sheet-attributen en -waarden aan hun code toe te voegen. De waarde van het kleurkenmerk bepaalt bijvoorbeeld de kleur van een object. Mensen gebruiken het attribuut background-color om achtergronden te kleuren. U kunt ook het kenmerk font-size gebruiken om het lettertype van een tekstelement te wijzigen. Door een of meer CSS-kenmerken toe te passen op de HTML-code van je Tumblr-blog, kun je de elementen ervan aanpassen.
Vind uw sjablooncode
Als je je Tumblr-dashboard bezoekt en op "Aanpassen" klikt, kun je de HTML-editor openen door op "HTML bewerken" te klikken in het linkerdeelvenster van Thema aanpassen. Als u 'HTML bewerken' niet ziet, scrolt u naar de bovenkant van het deelvenster om het te vinden. Wanneer de pagina wordt geopend, drukt u op "Ctrl-F" en typt u "post .title" in het zoekvak (zonder aanhalingstekens). De editor springt naar de regel code met de tekst "#wrapper #content .post .title {."
Stijl uw HTML
CSS-kenmerken die u toevoegt na de regel code die u hebt gevonden, bepalen hoe uw berichttitels eruitzien. Test dit door "kleur: rood; achtergrondkleur: geel; tekstdecoratie: onderstrepen;" te plakken na die regel. Gebruik geen aanhalingstekens. Die drie attributen veranderen de kleur, achtergrondkleur en tekstversiering van je berichttitels in rood, geel en onderstrepen. Klik op "Voorbeeld bijwerken" gevolgd door "Opslaan" en bezoek uw Tumblr-dashboardpagina. Klik op je profielafbeelding en je ziet je blogpagina zoals anderen dat doen. In berichten met titels worden de nieuwe kenmerken weergegeven die je hebt toegevoegd.
Houd je blog fris
Wijzig de waarden van uw CSS-kenmerken wanneer u uw titeltekst anders wilt opmaken. Als u bijvoorbeeld op een dag groene tekst op een rode achtergrond wilt, wijzigt u de bestaande kleuren in die twee kleuren. U kunt onderstrepen ook vervangen door overstrepen, doorstrepen of geen. Als je ook je lettergrootte wilt wijzigen, plak je "font-size: 22px" aan het einde van de code die je hebt toegevoegd. Gebruik geen aanhalingstekens. Vervang 22 door de pixelgrootte die u voor uw tekst wilt gebruiken. In dit voorbeeld zou de grootte 22 pixels zijn. Grotere waarden creëren grotere tekst en kleinere waarden creëren kleinere tekst. Bezoek een site zoals W3Schools.com die de namen toont van andere kleuren die u kunt gebruiken om uw blog op te maken (link in bronnen).
