How To Insert Links in your Tumblr sidebar

I know, you installed the theme thinking that inserting a link in your Tumblr sidebar was just yet another option in the customize panel.

You might also want to create a page that actually gets you to where all the posts with a particular tag are located, in that case here is the tutorial: tagged pages on tumblr.

How To Add a Link to Your Tumblr. Method 1

Go To Customize >> Scroll Down on the Left Sidebar >> Click on Add a Page.
Now, you can either create a whole new page, or redirect this page to a new URL, which is the link you are trying to insert
Give the Page a URL extension, just type it in.
Give the Page a Title, or Name
And this is the key step for the link to show up in your Sidebar, click on “Show a Link to This page
If you want to redirect this page to another location, you need to use the dropdown menu and choose redirect.

How to insert links in your Tumblr sidebar (Not Exactly a Blogroll).

Copy paste your theme html in a notepad just in case you make a big mistake and want to get things undone.
First of all, let’s prepare the line of code for your links; Replace xxx with your link url, and repeat this line of code for every link you want to insert/add to the sidebar. Also, write the link name where it says so.

<a href=”xxx“>LINK NAME</a>

Themes are not totally identical in their html structure, but since you need to add a link to the sidebar, that’s what we are going to do next, search for the sidebar. With control+F in your Theme Custom HTML screen look for the following word; sidebar. You will see that the word is always surrounded by a <div> tag or a <section>tag, and could be named sidebar1, sidebarleft, etc. In this example the sidebar is located in <div id=”sidebar1″>. We want to add the links before this sidebar is closed, meaning before the </div> (be careful, they might be more divs within the very sidebar).

Tumblr links sidebar

Paste the Link whenever you want and start updating preview, until you see that the link actually is where it should be
Update Preview >> Save >> Close

NOTE: You can go even further and make these links in particular to look different, like making a blogroll with the people you follow

10 Responses to "How To Insert Links in your Tumblr sidebar"

Vivien
April 28, 2010 at 4:53 pm

i can’t find the phrase. May be you can help me. Not all the theme have the sidebar is it? because i’ve already find many theme also cannot find.

[Reply]
m
August 31, 2011 at 5:16 am

Hey,

I’d like to do this but my standard Tumblr theme does not have the word “sidebar” or anything related in it. How can I insert links without any sidebar code? Please let me know, thanks!

M

[Reply]
Mr. Tumblr Reply:
March 16th, 2012 at 8:55 pm
Sure, by simply adding a page, choosing to “show the link” and redirecting it to the very same url you are trying to insert.

[Reply]
Red Tash
September 20, 2011 at 1:24 pm

I used this information to insert an Amazon widget into my sidebar, and I’m quite happy with it. I will add that I had to do it between elements in the sidebar. I couldn’t just do it at the top of the sidebar, or else it screwed up my layout considerably. Good luck to all! This was so helpful.

[Reply]
Alison
October 21, 2011 at 9:46 pm

I can’t find the word “sidebar” in my html for my theme. My theme is “Single A”. Is this because of the theme I’ve chosen, or am I just not seeing it? Thanks!

[Reply]
Mr. Tumblr Reply:
March 16th, 2012 at 8:54 pm
Use the first suggested method.

[Reply]
Natasha
November 16, 2011 at 5:57 am

Vivien,Just find the part where it says Home,Archive and things like that. And just attach it.

[Reply]
Mr. Tumblr Reply:
March 16th, 2012 at 8:54 pm
Use the first method as indicated.

[Reply]
Anusha
September 13, 2012 at 9:02 pm

THANK YOU SO MUCH. Oh gosh I just applied a new theme and none of my pages were showing up and I almost had a meltdown because I love the theme so much! Gahhh thank you so much again!

[Reply]
avalon
September 25, 2012 at 12:44 am

I was trying the create an “about” page, but it didn’t work so I googled it and came here. When I try the first option, i get the notification “Your current theme does not support page links”. If i try the second way, the link does appear but when i click it, it says “Not found, the URL you requested could not be found”, I can’t find a way to add something to to body of the link page.
My theme does support custom links, but here i have the same problem: the link does appear, but i don’t get how to add something to the body of the link page.
Do you know what i could do?

[Reply]