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


28 Responses to "Add a Reblog Button to Tumblr"

Add Comment
  1. Krystal

    November 25, 2011 at 11:22 pm

    Is there a code for adding a like button? That would be wonderful if so.

    [Reply]

  2. shayna

    December 22, 2011 at 2:33 am

    the permalink is in the way, when you hover over the new reblog button, the permalink comes up and you can’t click on it… the new reblog button. so how do you move the permalink or get rid of it?

    [Reply]

  3. philip

    December 28, 2011 at 3:43 pm

    When I attempted to do this, because of my theme, the reblog image got way out of proportion (my theme made it like 300×500). Do you know if there is anyway to stop this without affecting my theme? MY normal reblog button, for some reason, doesn’t work, so is there any way to fix it? If requested I can give anyone my theme code.

    [Reply]

  4. branndee

    December 31, 2011 at 1:08 am

    this shit didnt fucking work u peice of worthless shit. it look my like 2 hours to figure this complicating shit out to find out it doesnt even work. go to hell fucker, i hate u dick head bitch. next time make some fuckin sense!

    [Reply]

  5. hellokpop

    January 6, 2012 at 12:42 am

    Hi, i followed your directions and it worked, but the problem is when i click on the reblog button above the post it takes me to a reblog page of different post…

    [Reply]

  6. Annalise

    January 12, 2012 at 4:35 am

    how do i get rid of it now? the top post have no reblog button but when i scroll down my other post still have the reblog button. how do i delete it compleatly?

    [Reply]

  7. hannah

    February 14, 2012 at 12:27 am

    I think I inserted it in the wrong place or something and now it screwed up my whole blog and I can’t fix it!!!!! grrr! I am so pissed right now!!!!

    [Reply]

  8. Felipe

    March 3, 2012 at 6:04 pm

    Hi there
    first of all thank you for all these handy codes and clear explanation you post.

    I tried the “reblog” button in each post and it actually works pretty well, but when I set the endless scrolling code on my blog it simply wont work from all the posts which are part of the second page.

    here is my blog http://felkx.tumblr.com/

    I tried other methods to have an endless scrolling page, but it didn’t work either.

    do you know what it could be?

    Thank you
    Felipe

    [Reply]

  9. Tessa

    March 13, 2012 at 4:30 am

    Cool! Is there anyway to do this with the like button as well? : )

    [Reply]

  10. Justalostnigger

    April 4, 2012 at 1:04 pm

    Hey i need help , when i got to edit HTML [note I'm doing this on my BB 9300] i don’t see any one of what you’ll have showed above , so how do i do it ? …..the post about the “follow” button really helped though – thanks

    [Reply]

  11. Anna

    April 27, 2012 at 12:20 pm

    Is there a way to do the same withe the heart button?

    [Reply]

  12. Rayyan

    May 19, 2012 at 5:56 pm

    Is there a way to use this feature, but make this reblog button appear only when you hover over a photo?

    [Reply]

  13. Tunay Na Kapit-Bahay

    May 23, 2012 at 6:22 am

    I did all of those steps, but when I pressed nthe reblog button on my blog, it says Service Temporarily Unavailable

    The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

    How do I fix this?

    [Reply]

  14. kim

    July 30, 2012 at 4:33 am

    With this, when the reblog button is clicked, it takes a long time to load. How can this be fixed?

    [Reply]

  15. Alysssa

    August 21, 2012 at 5:01 pm

    It worked XD Thanks! But do you think you could make on to show me and others how to add a heart button as well?

    [Reply]

  16. N

    August 24, 2012 at 3:10 pm

    Okay, I’m pretty confused o.O When I search for the post thingy, nothing happens :/

    [Reply]

  17. Emily

    September 11, 2012 at 8:09 pm

    Thank you SO much! I totally redid my HTML code and took out everything and just did it from scratch and this helped a LOT!

    [Reply]

  18. RadickTV

    September 13, 2012 at 11:26 am

    I dont wanna use a dropbox tumblr button there is another kind of button?

    [Reply]

  19. 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]

  20. 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]

  21. 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]

  22. 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]

  23. 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]

  24. Becca

    June 20, 2013 at 4:57 am

    So, when I did that, it showed up fine, but wouldn’t reblog anything. It went to a page that said loading for a LOOOOOOOOOONG time. I made sure I put it where you said. Hmmm….

    [Reply]

  25. GameMasterKyro

    July 9, 2013 at 6:43 pm

    Hey, guys. I noticed that several people were confused because the reblog button doesn’t do anything. It’s actually a simple scripting error. See, “{ReblogURL}”, particularly the href=”http://tmv.proto.jp/reblog.php?post_url={Permalink};” rel=”nofollow”> part, will send you to a blank page. What you want to do is replace the first part in quotation marks with {ReblogURL}. The result will look like this:

    [Reply]

  26. GameMasterKyro

    July 9, 2013 at 6:46 pm

    Uh, sorry. I goofed that up. The first part in quotation marks should be replaced with rly the part, will send you to a blank page. What you want to do is replace the first part in quotation marks with {ReblogURL}.

    [Reply]

  27. erica

    July 16, 2013 at 3:46 am

    is it possible to have just the symbol and not the word?

    [Reply]

  28. Tom Voke

    May 4, 2014 at 11:59 pm

    Actually, that’s wrong. My code will leave you at your own blog and you’ll have to go back to the blog you reblogged from. Let me work on 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>