een Blogroll toevoegen op Tumblr

Tumblr ' s HTML-editor kan thema wijzigingen bekijken als je ze maakt.
I Courtesy Tumblr

met een Tumblr-thema zoals Kalalalani, Proloog of Vignetti kunt u een blogroll-achtige lijst direct op de zijbalk toevoegen door een paar regels aangepaste code aan uw sjabloon toe te voegen. Als uw thema geen zijbalk ondersteunt, kunt u echter nog steeds een blogroll toevoegen door een nieuwe Tumblr-pagina te maken die alle blogs bevat die u persoonlijk volgt en wilt delen met anderen.

voeg Blogroll toe aan de Themasidebar

Meld u aan bij uw Tumblr-account, klik op ” Aanpassen “en selecteer vervolgens “HTML bewerken”.”

Blader door de HTML-code totdat u de sectie vindt die de zijbalk van het thema bevat. De zijbalk voor het kalalalani-thema begint bijvoorbeeld met ” < ol> “en eindigt met” </ol>.”

plaats een lege regel boven de” </ol> ” tag om ruimte te maken voor extra HTML-code.

typ een nieuwe” <li> ” – tag in de lege regel die u hebt gemaakt om een ander lijstitem toe te voegen. Tumblr ‘ s editor voegt automatisch de afsluitende tag voor u.

typ ” Blogroll “op het plaatspunt tussen de” <li> “en” </li> ” tags om een label te maken voor de blogroll-sectie van de zijbalk.

klik op ” Update Preview “om te zien of de tekst” Blogroll ” in de zijbalk verschijnt. Sommige thema ‘ s vereisen wat extra CSS-code om uw nieuwe tekst zichtbaar te maken. Bijvoorbeeld, om” Blogroll “zichtbaar te maken in het kalalalani-thema, vervang de” <li> “- tag met de volgende code die de kleur van de labeltekst naar wit zal veranderen:

<li stijl= ” kleur:Wit”>

Klik boven de” </ol> ” tag en druk vervolgens op “Enter” om een lege regel voor een blogroll link te maken.

Typ de HTML-code voor het lijstitem dat de eerste blogroll-link zal bevatten. Typ bijvoorbeeld de volgende regel onder het blogroll-label:

<li><a>

de editor voegt automatisch de afsluitende tags voor u toe terwijl u typt, zodat uw code er zo uitziet:

<li><a></a>< / li>

Typ de HTML-code om de URL voor de eerste blog binnen de “<a>” tag toe te voegen. Bijvoorbeeld, als uw eerste blog de URL “http://myfavoriteblog.com heeft, ” moet uw code lijken op de volgende:

<li><a href=”http://myfavoriteblog.com”></a>< / li>

Klik voor de” </a> ” tag en typ vervolgens de naam van het eerste blog. Bijvoorbeeld, als de blog heet “Mijn favoriete Blog,” uw code moet lijken op de volgende regel:

<li><a href= “http://myfavoriteblog.com ” >Mijn favoriete Blog</a>< / li>

klik op “Update Preview” om uw wijzigingen te bekijken.

voeg CSS-code toe om de grootte van de naam van het eerste blog te verkleinen. Als u bijvoorbeeld het Kalalalani-thema gebruikt, wijzigt u de lettergrootte naar ongeveer 10 pixels. Uw aangepaste code ziet er als volgt uit:

<li style = “font-size: 10px” ><a href= ” http://expectedend.com”>My favoriete Blog</a>< / li>

klik op “Update Preview” om uw wijzigingen te bekijken. Gebruik de eerste blogroll-link die je hebt gemaakt als voorbeeld voor het toevoegen van extra blogs.

klik op “Opslaan” om uw wijzigingen permanent te maken.

Blogroll-pagina toevoegen

klik op de pijl terug op het paneel aanpassen en klik vervolgens op de knop “een pagina toevoegen”.

typ een naam om de URL van uw nieuwe pagina in te vullen. Bijvoorbeeld, als uw Tumblr URL is “goodblog.tumblr.com,” uw ingevulde URL ziet er als volgt uit:

goodblog.tumblr.com / blogroll

typ een titel voor uw blogroll-pagina en klik vervolgens op de tuimelschakelaar “Toon een link naar deze pagina” om deze aan te zetten.

Typ de naam van uw eerste blog in het vak bewerken.

Selecteer de naam van de blog en klik vervolgens op de knop “Link invoegen/bewerken”.

Typ de URL voor de blog in het invoerveld “Link URL”, klik op de knop “Link invoegen” en klik vervolgens op “Opslaan.”

waarschuwingen

hoewel uw themawijzigingen er goed uit kunnen zien in het voorbeeldvenster van Tumblr of in uw webbrowser, kunnen bezoekers die een andere browser of een mobiel apparaat gebruiken items zien die niet op hun plaats staan of vervormd zijn. Bekijk uw Tumblr blog met zoveel mogelijk verschillende browsers en hardwareplatforms om ervoor te zorgen dat uw site er altijd uitziet zoals u het bedoeld had.

Write a Comment

Het e-mailadres wordt niet gepubliceerd.