Add a Tumblr Tumbleroll To Your Sidebar

Another great Tumblr Tip. Though many people actually try to hide their Tumblelog, others are trying to figure out how to insert it into their themes to generate the list of people you follow using their avatars as links to their tumblelogs.

This small tutorial will show you how to have your own Tumbleroll. In other words, how to display who you are following in Tumblr, showing their picture profiles.

Warning: If the people you follow are counted in the hundreds, it will be more convenient to create a tumblr blogroll on a separate page, we a tutorial for that as well.

Display The Avatars of Users You’Re Following

First of all, you will have to paste this code within your description box Go To Customize >> Description Box. If you want to display a list of people you follow, then you will have to update preview until their avatars show correctly

{block:Following}
<h3>Tumbleroll</h3>
<ul id="tumbleroll">
{block:Followed}
<li><a href="{FollowedURL}"> <img src="{FollowedPortraitURL-30}" title="{FollowedTitle}"/> </a></li> 
{/block:Followed} 
</ul> 
{/block:Following}

Click Update Preview and Save

If you need to further tweak your Tumbleroll, just leave a message and we’ll reply back with a solution.

Do You like 30 Day Challenges?, we have a directory full of them, and they are originally written by Tumblring!.

6 Responses to "Add a Tumblr Tumbleroll To Your Sidebar"

Kal
January 12, 2011 at 12:54 am

great info to track people you follow above, but do advice the code for some themes which disable the people who are following you. i will like them to show up as avatars pics on the side bar

[Reply]
bob
January 16, 2011 at 2:17 am

i have tumblroll on my sidebar however, how do i control how many friends show up? i wanna have a set number of friends shown and maybe a link under it saying “view all”…

[Reply]
Mr. Tumblr Reply:
March 19th, 2012 at 10:12 pm
You can create a tumblr blogroll on a separate page if you have tons of people that you follow.

[Reply]
abz
April 1, 2012 at 9:45 pm

i did what you said but it doesnt show the picture and name of the followers

[Reply]
Mr. Tumblr Reply:
April 3rd, 2012 at 5:43 pm
Then try pasting that same code within your html, Edit HTML >> Choose the post and try until you get them in the desired position.

[Reply]
Mirthe
November 18, 2012 at 3:16 pm

I did this. But how can you make my tumblrole in the same style as my tumblr page? Now it has a white backgroun, the title is tumblrrole and the pictures of the blogs are under eachother with a dot left to it.

[Reply]