Su's Random Musings
This shows the code for adding a Reblog button to every post on your blog (so that people won’t have to click every individual post in order to reblog). The code is below the footer in the default Tumblr theme which places the button below the notes and tags. I aligned mine to the left (which works in <div></div> tags but not in <li></li> tags).
It’s a followup to the shot I posted earlier which set the Reblog button between the notes and the tags.
The actual code:
                        <div id=”reblogbutton” align=”right”>
                        <a href=”{ReblogURL}” target=”_blank”><img src=”http://assets.tumblr.com/images/iframe_reblog_alpha.png?4” Alt=”Reblog”></a>
                        </div>
If your blog uses a format that utilizes lists instead of divisions, replace div with li. Although I don’t know if li supports the id tag (it does support class tag).
With this code, you can even insert your own custom Reblog button by replacing the url in the IMG tag with another image. Or you can replace the image with pure text by cutting <img></img> and everything in between. Just substitute it with “Reblog” or “REBLOG” or whatever you want.
My next plan is to add a like button (the little heart) if I can figure it out. In the meantime, I might play with adding custom cursors.
Edit to add: In some themes the quotation marks around the words need to be removed or else it prevents the code from working.
So for some it would be:
<div id=reblogbutton align=right>
<a href={ReblogURL} target=_blank>
<IMG SRC=http://assets.tumblr.com/images/iframe_reblog_alpha.png?4 Alt=Reblog></A>

This shows the code for adding a Reblog button to every post on your blog (so that people won’t have to click every individual post in order to reblog). The code is below the footer in the default Tumblr theme which places the button below the notes and tags. I aligned mine to the left (which works in <div></div> tags but not in <li></li> tags).

It’s a followup to the shot I posted earlier which set the Reblog button between the notes and the tags.

The actual code:

                        <div id=”reblogbutton” align=”right”>

                        <a href=”{ReblogURL}” target=”_blank”><img src=”http://assets.tumblr.com/images/iframe_reblog_alpha.png?4” Alt=”Reblog”></a>

                        </div>

If your blog uses a format that utilizes lists instead of divisions, replace div with li. Although I don’t know if li supports the id tag (it does support class tag).

With this code, you can even insert your own custom Reblog button by replacing the url in the IMG tag with another image. Or you can replace the image with pure text by cutting <img></img> and everything in between. Just substitute it with “Reblog” or “REBLOG” or whatever you want.

My next plan is to add a like button (the little heart) if I can figure it out. In the meantime, I might play with adding custom cursors.

Edit to add: In some themes the quotation marks around the words need to be removed or else it prevents the code from working.

So for some it would be:

<div id=reblogbutton align=right>

<a href={ReblogURL} target=_blank>

<IMG SRC=http://assets.tumblr.com/images/iframe_reblog_alpha.png?4 Alt=Reblog></A>

Reblog
  1. comicbooksmoviesandstuff reblogged this from randomsudoisms and added:
    Reblogging because this explains how to add the reblog button with more details.
  2. ismimasithahanis reblogged this from randomsudoisms
  3. noelsaw reblogged this from randomsudoisms
  4. randomsudoisms posted this