Tag Archives: following

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.

  1. 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}

  2. Click SAVE on the top right corner
  3. 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

  4. 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; }

  5. Save again and preview your theme.  End of Story.

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

How To Hide the Following Section from your Tumblr Theme


If you want to hide/remove/delete/take out the Following section from your Tumblr Theme sidebar you just need to edit the hmlt or your Tumblelog. This way you make sure that noone will be able to see who you are following.

  1. Go to Customize >>> Theme >>> Custom HTML.
  2. Copy the whole code in there and paste it in a notepad, just as a lifesaver in case you make a mistake.
  3. Find the following code in the theme using control+F in your browser {block:Following} or {block:Followed}
  4. Now, that particular tag is the beginning of that section, we must also find out where it ends, which is this code {/block:Following}.  As you see the only difference is the / slash.
  5. Finally delete everything that is within {block:Following} {/block:Following}, Including those tags themselves!.

Done, you have just removed the following section from your Tumblr theme, rest asure that noone will see who you are following.