hur man lägger till en Blogroll på Tumblr

Tumblrs HTML-redigerare kan förhandsgranska temaändringar när du gör dem.
jag artighet Tumblr

med en Tumblr tema som Kalalalani, Prolog eller Vignetti, du kan lägga till en blogroll-liknande notering direkt på sidofältet genom att lägga till några rader av anpassad kod till din mall. Om ditt tema inte stöder ett sidofält kan du dock fortfarande lägga till en bloggroll genom att skapa en ny Tumblr-sida som innehåller alla bloggar du personligen följer och vill dela med andra.

Lägg till Blogroll i Temafältet

logga in på ditt Tumblr-konto, klicka på ”Anpassa” och välj sedan ”Redigera HTML.”

bläddra igenom HTML-koden tills du hittar avsnittet som innehåller tematets sidofält. Till exempel börjar sidofältet för Kalalalani-temat med ”<ol>” och slutar med ”</ol>.”

infoga en tom rad ovanför taggen” </ol> ” för att göra plats för ytterligare HTML-kod.

Skriv en ny ”<li >” – tagg i den tomma raden du skapade för att lägga till ett annat listobjekt. Tumblrs redaktör lägger automatiskt till stängningstaggen åt dig.

skriv ”Blogroll” vid infogningspunkten mellan taggarna ”<li>” och ”</li >” för att skapa en etikett för avsnittet blogroll i sidofältet.

klicka på ”Uppdatera förhandsgranskning” för att se om texten ”Blogroll” visas i sidofältet. Vissa teman kräver ytterligare CSS-kod för att göra din nya text synlig. Till exempel, för att göra” Blogroll ”synlig i Kalalalani-temat, ersätt taggen” <li> ”med följande kod som ändrar etiketttextens färg till vit:

<li style=” färg:vit”>

klicka ovanför taggen ” < / ol> ”och tryck sedan på” Enter ” för att skapa en tom rad för en blogglänk.

skriv HTML-koden för listobjektet som kommer att innehålla den första blogroll-länken. Skriv till exempel följande rad under etiketten blogroll:

<li>< a>

redigeraren lägger automatiskt till stängningstaggarna för dig när du skriver, så att din kod ser ut så här:

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

skriv HTML-koden för att lägga till webbadressen för den första bloggen i taggen ”<a>”. Om din första blogg till exempel har webbadressen ” http://myfavoriteblog.com”, bör din kod likna följande:

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

klicka framför taggen ”</a>” och skriv sedan namnet på den första bloggen. Till exempel, om bloggen heter ”Min favoritblogg,” din kod ska likna följande rad:

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

klicka på ”Uppdatera förhandsgranskning” för att se dina ändringar.

Lägg till CSS-kod för att minska storleken på den första bloggens namn. Om du till exempel använder Kalalalani-temat ändrar du teckenstorleken till cirka 10 pixlar. Din justerade kod ska se ut som följande:

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

klicka på” Uppdatera förhandsgranskning ” för att se dina ändringar. Använd den första blogroll-länken du skapade som ett exempel för att lägga till ytterligare bloggar.

klicka på ”Spara” för att göra dina ändringar permanenta.

Lägg till Blogroll-sida

klicka på bakåtpilen på panelen Anpassa och klicka sedan på knappen ”Lägg till en sida”.

Skriv ett namn för att fylla i webbadressen för din nya sida. Till exempel, om din Tumblr-URL är ”goodblog.tumblr.com,” din färdiga URL ska se ut som följande rad:

goodblog.tumblr.com / blogroll

Skriv en titel för din blogroll-sida och klicka sedan på ”Visa en länk till den här sidan” för att slå på den.

skriv namnet på din första blogg i redigeringsrutan.

Välj bloggens namn och klicka sedan på knappen ”Infoga/Redigera länk”.

skriv webbadressen för bloggen i inmatningsrutan märkt ”länkadress”, klicka på knappen ”Infoga länk” och klicka sedan på ”Spara.”

varningar

medan dina temaändringar kan se OK ut i Tumblrs förhandsgranskningsfönster eller i din webbläsare kan besökare som använder en annan webbläsare eller en mobil enhet Se objekt på sin plats eller förvrängda. Visa din Tumblr-blogg med så många olika webbläsare och hårdvaruplattformar som möjligt för att säkerställa att din webbplats alltid ser ut som du tänkte att den skulle se ut.

Write a Comment

Din e-postadress kommer inte publiceras.