With a Tumblr theme like Kalalalani, Prologue or Vignetti, you can add a blogroll-like listing directly on the sidebar by adding a few lines of custom code to your template. If your theme does not support a sidebar, however, you can still add a blogroll by creating a new Tumblr page that contains all the blogs you personally follow and want to share with others.

Add Blogroll to Theme Sidebar

Step 1

Log in to your Tumblr account, click "Customize," and then select "Edit HTML."

Step 2

Scroll through the HTML code until you find the section containing the theme's sidebar. For instance, the sidebar for the Kalalalani theme begins with "


Step 3

Insert a blank line above the "" tag to make room for additional HTML code.

Step 4

Type a new "

  • " tag in the blank line you created to add another list item. Tumblr's editor automatically adds the closing tag for you.

  • Step 5

    Type "Blogroll" at the insert point between the "

  • " and "
  • " tags to create a label for the blogroll section of the sidebar.

    Step 6

    Click "Update Preview" to see if the text "Blogroll" appears in the sidebar. Some themes require some additional CSS code to make your new text visible. For example, to make "Blogroll" visible in the Kalalalani theme, replace the "

  • " tag with the following code that will change the label text's color to white:

  • Step 7

    Click above the "" tag, and then press "Enter" to create a blank line for a blogroll link.

    Step 8

    Type the HTML code for the list item that will contain the first blogroll link. For example, type the following line below the blogroll label:

  • The editor automatically adds the closing tags for you as you type, so that your code look like this:
  • Step 9

    Step 10

    Click in front of the "" tag, and then type the name of the first blog. For instance, if the blog is called “My Favorite Blog,” your code should resemble the following line:

  • My Favorite Blog
  • Step 11

    Click "Update Preview" to view your changes.

    Step 12

    Add CSS code to reduce the size of the first blog's name. For example, if you use the the Kalalalani theme, change the font size to about 10 pixels. Your adjusted code should look like the following:

  • My Favorite Blog
  • Step 13

    Click "Update Preview" to view your changes. Use the first blogroll link you created as an example for adding additional blogs.

    Step 14

    Click "Save" to make your changes permanent.

    Add Blogroll Page

    Step 1

    Click the back arrow on the Customize panel, and then click the "Add a page" button.

    Step 2

    Type a name to complete the URL for your new page. For example, if your Tumblr URL is "goodblog.tumblr.com," your completed URL should look like the following line:


    Step 3

    Type a title for your blogroll page, and then click the "Show a link to this page" toggle switch to turn it on.

    Step 4

    Type the name of your first blog in the edit box.

    Step 5

    Select the blog's name, and then click the "Insert/Edit Link" button.

    Step 6

    Type the URL for the blog in the input box labeled "Link URL," click the "Insert link" button, and then click "Save."