Tumblr Tutorials

---

Adding a Like Button & Learning to Use Tumblr Documentation - Solution

To add a display of your Likes to your Tumblr page, you want to copy and paste the HTML code shown in the Tumblr documentation here.

      {block:Likes}
            <div id="likes_container">
                <h2>Stuff I like</h2>

                {Likes limit="5" summarize="100" width="150"}

                <a href="http://www.tumblr.com/liked/by/{Name}">
                    See more stuff I like
                </a>
            </div>
        {/block:Likes}

This is what your Tumblr code will look like after you add the code block above:

If you want to change the location of the likes section, just move it down in your code:

To add like buttons to your posts, you want to use the HTML displayed in the Tumblr documentation:

You can use the whole block, or just add this section to the Posts block:

  <li>{LikeButton}</li> 

Your Tumblr code and page will look like this after you add the code block above:

---