tigressse

Last August I posted how to Install a retweet button on Tumblr. Up to now, I was using the Microplaza RTbutton, since it no longer works, as people searching on the web and getting directed on my post I find it useful to write a new one.

The RTbutton I have chosen   has been designed by backtype*. The number 10 being the current number the link has been tweeted. To tweet a link, you only have to clic “retweet”.

Below is an updated version, how to install a RTButton on Tumblr in 2 steps.

You need to define this little piece of javascript before <div class=”post”>, it will configure the button to have the correct title and retweets count. You can also adapt it to change the leading part (ie: tweetcount_src = “RT @tigressse”) and if you want to keep the backtype attribution (tweetcount_via = true) or if you want the link to be opened in new window (tweetcount_links = true), the button size (“large” or “small”), the background color (ie: ‘FFFFFF’), the border color (ie: ‘CCCCCC’), the “retweet” text color (ie: ‘00CED1’).

<script type="text/javascript">
    tweetcount_url = "{Permalink}";
    var t = document.createElement('p');
    t.innerHTML = "{Title}";
    tweetcount_title = t.textContent ;
    tweetcount_src = "RT @tigressse:";
    tweetcount_via = false;
    tweetcount_links = true;
    tweetcount_size = "large";
    tweetcount_background = 'FFFFFF';
    tweetcount_border = 'CCCCCC';
    tweetcount_text = '00CED1';
    tweetcount_api_key = '5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda';
</script>

Then you need to add this second piece of javascript where you want the button to appear (note that you can change the div style). A nice place to put the button is just before the title of the post, you add :

<div style="float: right;">
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js">
</script>
</div>

* For other button, see the TweetMeme button.

Below an example how to install a RTButton on Tumblr in 2 steps.

The RTbutton   has been designed by MicroPlaza.

You need to define this little piece of javascript before <div class=”post”>, it will configure the button to have the correct title and retweets count. You can also adapt it to change the leading part (ie: mp_leading = “RT @tigressse”) and if you want to keep the microplaza attribution (mp_attribution = true)

<script type="text/javascript">
  var t = document.createElement('p');
  t.innerHTML = "{Title}";
  mp_title = t.textContent;
  mp_permalink = "{Permalink}";
  mp_mode = "vertical";
  mp_leading = "RT @tigressse";
  mp_attribution = true;
</script>

Then you need to add this second piece of javascript where you want the button to appear (note that you can change the div style). A nice place to put the button is just before the title of the post, you add :

<div style="float: right;">
<script type="text/javascript" src="http://microplaza.com/r/button.js">
</script>
</div>

Thanks @tlg for his help.

—

UPDATES

Since the Microplaza RTbutton no longer works, I find it useful to write a new post, better read this one Install a Retweet button on Tumblr (bis).