Can You Make Follow Lists on Tumblr?

By Naomi Bolton

A Tumblr follow list displays all other Tumblr blogs that you are following as hyperlinks. Visitors to your blog can click the links to view the other blogs and follow them in turn if they are interested. Not all Tumblr themes support these follow lists, also known as Tumblr blogrolls, but you can add a list to any theme by customizing the code. Your Tumblr follow list can be displayed on the sidebar of your theme and formatted using custom CSS.

Themes With Native Follow List Support

Sign in to Tumblr and click the gear-shaped button on the dashboard to access the account page.

Select your Tumblr blog to which you want to add the follow list and click "Customize."

Click "Browse Themes" and select "Free Themes" from the drop-down list.

Select a theme such as Redux, Fluid or Minimal that has native support for follow lists. To check if a theme supports follow lists, click the theme thumbnail and check the preview on the right.

Click "Use" after you find an appropriate theme that supports follow lists.

Scroll down the "Customize" list and check that the "Display following" or "Show People I Follow Widget" is enabled.

Click "Save" and then click "Exit" to use the new theme that displays your follow list.

Themes Without Native Follow List Support

Sign in to your Tumblr and access your account settings page from the dashboard.

Select the name of your Tumblr blog and then click "Customize" in the "Theme" section.

Click "Edit HTML" to access the theme source code and then scroll to "Sidebar" section. Each Tumblr theme is different so the location and wording of the sidebar section might differ. Some themes, such as Vacant, clearly mark the sidebar area using comments in the code.

Insert a new line in the sidebar section where you want the follow list to be displayed, for example below the profile photo or above any social media links.

Type the following code;

{block:Following} <h3>My Follow List</h3> <ul id="followlist">

to define the follow list widget and assign an id of "followlist" to the code. The text between the "<h3>" heading tags is the visible title of the widget and can be changed to match your personal needs.

Type the following code below the newly added code;

{block:Followed} &lt;li&gt;&lt;a href="{FollowedURL}"&gt; &lt;img src="{FollowedPortraitURL-40}" title="{FollowedTitle}"/&gt; &lt;/a&gt;&lt;/li&gt; {/block:Followed} &lt;/ul&gt; {/block:Following}

The "href" attribute instructs Tumblr to link to all the Tumblr blogs that you are following while "img src" specifies that the links be displayed as portrait thumbnails. You can change the numerical value specified in the "img src" tag to make the portrait thumbnails bigger or smaller.

Click "Update Preview" to view the changes on the preview pane. Your follow list is displayed but the portrait thumbnails are shown below each other instead of an orderly row. The formatting is defined by CSS.

Click "Save" and then click the back arrow button to close the HTML editor.

Scroll down to the bottom of the "Customize" window and click the "Advanced Options" link.

Click the "Add Custom CSS" input box and type the following code to align your follow list thumbnails;

ul#followlist { list-style-type: none; padding: 0; } ul#followlist li { float: left; margin-right: 0.5em; }

Click "Save" to commit to the changes and create the follow list for your Tumblr blog.


If you follow too many Tumblr blogs to fit in your Tumblr sidebar, add the Tumblr follow list code to a new page. Insert a link to the new follow list page on your sidebar for easy access.