Add a Reblog Button to Tumblr


Though almost everyone knows that there is actually a default reblog button on Tumblr, that you actually see on the top right of your screen whenever you are in any specific post url, some Tumblrs keep asking for this tip; Can we have a reblog button underneath each post so we don’t have to click on each individual post, we know how hard that becomes sometimes :) . This custom Tumblr Reblog Button is intended to show up right below each of your posts, it will look like exactly like the default reblog button on top of the screen, with the difference that you won’t have to navigate to each specific post when trying to reblog something.

How To Add a Reblog Button to Tumblr.

  1. The code that we want to add to show a Reblog Button under each post must be inserted several times in the theme’s html.
  2. There’s a total of 7 types of posts, each of them is located in the html, beggining and ending with the following code;

  3. TEXT POST: {block:Text}{/block:Text}
    VIDEO POST: {block:Video}{/block:Video}
    PHOTO POST: {block:Photo}{/block:Photo}
    PHOTOSET POST: {block:Photoset}{/block:Photoset}
    AUDIO POST: {block:Audio}{/block:Audio}
    LINK POST: {block:Link}{/block:Link}
    QUOTEPOST: {block:Quote}{/block:Quote}

  4. You must add this code in order to have the Reblog button show up, always before the ending tag for each of the post types in the theme’s html;

  5. <br/>
    <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"><img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"/></a>

  6. Example, let’s say that I want to show this Tumblr ReBlog button before each Text Post, then I do the following, searching with control+F I look for {/block:Text};


  7. </section>
    <footer>
    </footer>
    </div>
    TUMBLR REBLOG BUTTON CODE HERE
    </article>
    {/block:Text}

You must consider that almost none of the themes available are identical in their html structure, so maybe, you will have to try a few times until the Tumblr reblog button show up fully integrated into your theme.  For example you might find out that there’s no footer tags, or no divs.  The most important part here is to place the code before the ending tag ({/block:Text})never do it after it


5 Responses to "Add a Reblog Button to Tumblr"

Add Comment
  1. vanessa

    December 10, 2012 at 5:05 am

    when i did this the reblog picture shows up but it doesn’t actually reblog my post. it leads me to a blank page that is constantly loading. Am i doing something wrong?

    [Reply]

  2. Ryan

    December 18, 2012 at 11:03 pm

    Hey, I keep trying to add the reblog symbol, but I’m sorta new to tumblr and it’s just not working! please help

    [Reply]

  3. brianna

    December 22, 2012 at 1:11 am

    ..hi, all the types of posts are in my html except for the text post. do you know if it has another name or something??

    [Reply]

  4. brianna

    December 22, 2012 at 1:12 am

    All the types of posts are in my html except for the text post. do you know if it goes under another name or something???

    [Reply]

  5. Meme

    January 9, 2013 at 6:00 am

    I’m trying to have a G+ / Facebook / Twitter button on my main tumblr page, but that would actually share the permalink of the post … maybe I can take some of this code right here and alter it to fit my needs, thanks for the share.

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