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

  1. Go To Customize >> Scroll Down on the Left Sidebar >> Click on Add a Page.
  2. 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
  3. Give the Page a URL extension, just type it in.
  4. Give the Page a Title, or Name
  5. And this is the key step for the link to show up in your Sidebar, click on “Show a Link to This page
  6. 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).

  1. Copy paste your theme html in a notepad just in case you make a big mistake and want to get things undone.
  2. 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.

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


  4. 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).

  5. Tumblr links sidebar


  6. Paste the Link whenever you want and start updating preview, until you see that the link actually is where it should be
  7. 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

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

Add Comment
  1. 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]

  2. 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:

    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]

  3. 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]

  4. 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:

    Use the first suggested method.

    [Reply]

  5. 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:

    Use the first method as indicated.

    [Reply]

  6. Christina Drosos

    March 23, 2012 at 6:49 pm

    Okay, so on my blog I have a tagged page to “my face” that shows pictures of me. But when you click on it, the pictures show up really big, and its not the style that my original blog is in. How do I make the pictures the same size and format as the rest of my blog?

    [Reply]

  7. emi

    March 23, 2012 at 11:02 pm

    i tried this but it say link cannot be found

    [Reply]

  8. Emily

    April 22, 2012 at 3:36 am

    i figured out how to make the page, but how do i title it. cause like, on my blog, the link just says “page” i don’t want it to say that. is there any way to change the name of the link displayed on my tumblr?

    thanks!

    [Reply]

  9. rozalyn

    June 1, 2012 at 2:56 am

    my theme comes with the custon link boxes with the website boxes already there what do i put in the website boxes ??

    [Reply]

  10. Alayna

    June 6, 2012 at 12:45 pm

    How do i remove unnecessary links? like the RSS or themes link. i dont want it there.

    [Reply]

  11. shanna

    June 21, 2012 at 10:32 am

    THANKS HEAPS. It works it you keep pressing “Ctrl+F” until you find whta your looking for !!

    [Reply]

  12. Emma

    June 21, 2012 at 7:43 pm

    i want to create a tags page on my tumblr. i want it to come up on my sidebar, in the tags page i want to add more than on tag. say if i posted pictures of the beach and then the forest, under the tags page i want them to be links that i can click on to take me to those posts tagged beach etc. could you help?

    [Reply]

  13. Mikala

    July 12, 2012 at 6:35 pm

    what’s the “link url” because it says to replace xxx with it but i don’t know what it is or where it is. is it on the edit html thing? reply asap please

    [Reply]

  14. Teagan

    August 8, 2012 at 12:18 am

    Hi, i have a custom theme made for me and i was wondering what do i do for links in there and then titles? like when i go to customize theme, it gives options like link 1, link 1 title etc but when i try to put links in there, save it, and then i go and check on it on my profile, it says no url connected, and it just doesnt work. i realize my tumblr url is still there along with my other link but i dont know how to get rid of it. if you wanna look on my blog to see what i mean its teaganbabi.tumblr.com

    confusing i know but please help!!

    [Reply]

  15. courteney

    August 11, 2012 at 10:55 pm

    when i try to put in a link for my facebook or a different page on ”add a page” my url for tumblr wont go,even if i try to copy and delete it, it wont get rid of the it

    [Reply]

  16. Thera

    August 17, 2012 at 4:37 am

    I’m trying to add an Archive to my tumblr, and I tried the method of adding a page and putting in the URL, but it either creates a brand new page called “Archives” (but that doesn’t show any of my posts), or it says that the URL is already in use. I was going to try and link the Archive in my sidebar, but it doesn’t show up in my HTML code. What to do?

    [Reply]

  17. 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]

  18. 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]

  19. Shipley

    October 22, 2012 at 2:21 am

    Hi, I tried doing this, but when I clicked the link I created once I finished, it said that there was an error by saying “This webpage has a redirect loop” and there were “too many redirects.” Do you know how I can fix that?

    [Reply]

  20. brook

    November 2, 2012 at 4:53 am

    Tumblr won’t allow me the option to remove the “brookpridemore.com” part of any link I’m trying to add. So the link I end up with is, for example, brookpridemore.com/www.brookpridemore.bandcamp.com, which redirects the user to an endless loop. Any way to get rid of that first brookpridemore.com?

    [Reply]

  21. Kaitlyn

    March 29, 2013 at 4:31 pm

    In my blog I can see the link, except I can’t click on it. Help please!

    [Reply]

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>