Show the Likes on your Tumblr Posts


This tutorial will show you how to display the number of Tumblr likes in each of your posts.  You just need to add a bit of code to your Tumblr theme html. Don’t get confused, this is not to display your own likes on other people’s tumblelogs.  It’s meant to show the likes on your own posts.  Somehow, many tumblr themes are missing the code so we need to add it.

Likes and Reblogs counters are better known as notes, and they have nothing to do with Like or Reblog buttons by the way

How To Show or Display The Number of Likes on Each of your Tumblr Posts.

  1. Go to Customize >>> Theme >>> Custom HTML
  2. To show the likes count (notes count to be more precise) you need to add the following code below and always within the closing tag of the next tags: {block:Text}, {block:Photo}, {block:Photoset}, {block:Quote}, {block:Link}, {block:Chat}, {block:Answer}, {block:Video}, {block:Audio}.  These are the tags that display each post type.

  3. {block:NoteCount}
    <strong>&hearts;</strong>{NoteCount}
    {/block:NoteCount}

  4. Save and Close.

NOTES: Showing the Likes counter on each of your Tumblr Posts is initially easy, but It end up being displayed in different parts of the posts depending on the theme’s html.  So leave a message with your theme  if you need to display your Tumblr likes  in some particular place.  If you also saw a different LIKE icon being displayed let me know so we can tell you how to add it.


5 Responses to "Show the Likes on your Tumblr Posts"

Add Comment
  1. Andrea

    December 23, 2011 at 11:01 am

    i use the inkhorn template, and it is a mess!
    d’you know how can i add “heart” and reblog buttons at the bottom of each post/photo/video etc?
    that would be great!

    [Reply]

  2. Annie

    January 4, 2012 at 10:48 pm

    my theme doesn’t show likes but when i tried to put this code in , putting all of the tags together , the code after it , and then closing off all of the tags , the html refuse to update (it kept going and going)

    have i done something wrong?

    [Reply]

  3. ganymede

    March 19, 2012 at 8:28 pm

    i’m using pixelspread’s Sofa King theme and I can’t get notes to show… Please help!

    [Reply]

  4. Alex Okano

    April 12, 2012 at 8:32 am

    I used the code:

    {block:NoteCount}
    {NoteCount}
    {/block:NoteCount}

    but as you can see, the notes don’t show up. Any help?

    [Reply]

  5. Rob

    June 11, 2012 at 8:24 pm

    I’m sorry – what you’ve written here for step 2 doesn’t make sense.
    I’m using the theme ‘One very important thought; for my tumblr blog. It doesn’t count likes or notes. How do I fix it? Or should I choose a different theme?

    [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>