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.
- First of all, you will have to paste this code within your sidebar (search the word sidebar with control+F)
{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 SAVE on the top right corner
- Now we need to add some extra lines of CSS to make the list of peeps you follow look nice, go again to Customize, but now choose Advanced and paste the following css markup in Add Custom CSS
- Save again and preview your theme. End of Story.
ul#tumbleroll { list-style-type: none; padding:0px; margin-top:10px; }
ul#tumbleroll li { float: left; margin-right: 0.5em; padding:0px; margin-top:0px; }
ul#tumbleroll li a { padding:0px; margin-top:0px; }
ul#tumbleroll li a img { padding:0px; margin-top:0px; }
If you need to further tweak your Tumbleroll, just leave a message and we’ll reply back with a solution.