How To Create a Tumblr Blogroll


We we say Tumblr Blogroll, that basically means showing all the people you are following, the regular meaning for most other blog platforms is place a link to your favourite sites, not all of them on the same platform. For this Tumblr Code, we’ll stick to the first one and tell you step-by-step how to create a tumblr blogroll, both in a separate page or in your sidebar.

There are some Tumblr themes that have a built-in blogroll, but this tip is for those that do not. This script is not exatly a widget, but rather just a piece of code for your layout.

How To Create a Tumblr Blogroll in a Page

  1. Go To Customize Appereance >> Page >> Add New
  2. From the Dropdown Menu, choose Custom Layout
  3. Paste the following piece of code into the big blank field.

  4. <p>
    {block:Following}{block:Followed}
     
    <a target="_blank" href="{FollowedURL}"><img border: "0" src="{FollowedPortraitURL-96}" title="{FollowedTitle}"/>
     
    {/block:Followed}{/block:Following}</a>
    </p>
  5. Click on Create PAge >> Save >> Close
  6. Optionally, you can check the box “Show a Link to This Page” Which will add a hyperlink to your blog sidebar with an anchor text as indicated on this same editing window.

How To Create a Tumblr Blogroll in a Sidebar

In order to create a Tumblr Blogroll in your sidebar, you need to know and locate where the sidebar is located within your Theme’s HTML

  1. One you locate the part of your theme where the Sidebar HTML is located place this same chunk of code within it

  2. <p>
    {block:Following}{block:Followed}
     
    <a target="_blank" href="{FollowedURL}"><img border: "0" src="{FollowedPortraitURL-96}" title="{FollowedTitle}"/>
     
    {/block:Followed}{/block:Following}</a>
    </p>


Creating a Tumblr Blogroll

Creating a Tumblr Blogroll

3 Responses to "How To Create a Tumblr Blogroll"

Add Comment
  1. Joga Luce

    March 19, 2012 at 7:24 pm

    It appears there’s a 300 count limit to this output. Does anyone know a way to generate the entire following list without JS API workarounds?

    [Reply]

    Mr. Tumblr Reply:

    Nice tip Joga. You probably don’t have any other way of pulling the entire list, and if it were made with an app, it would soon be banned.

    [Reply]

  2. Boxerpaws

    December 17, 2012 at 7:19 pm

    I would like to put the blog roll in a side bar places on the right-add the side bar on-rather than add it to the sidebar i already have(the one that came with theme)> Am keeping the theme-I would just like to have the blog roll in a right sidebar. The page will appear more centered w/ it. Love the theme. NO desire to change it!

    [Reply]

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>