How to add a Backtype retweet button to Blogger

Backtype is a service which tracks comments made by people on blogs and websites. Backtype also tracks tweets via Backtweets.
Like Tweetmeme, Backtype also has a retweet button for websites.

Retweet Button by Backtype
Backtype Retweet Button


Backtype button has the following advantages over tweetmeme:
1. The design is customizable (You can easily change the color and border of the button).
2. Backtype tracks retweets via twitter search and it’s tracking is more reliable than tweetmeme.
3. The starting text of each retweet is editable, i.e you can use text other than Rt @virtuosoblogger like #coffeeclub, via @virtuosoblogger etc.

The Advantages of Backtype button make it a probable choice for a retweet button.

Previously i wrote about How to add Retweet button to blogger

Here’s how you can add a backtype retweet button to blogger:

Follow these easy steps:
1. Go to Layout->Edit Html
2. Download Full Template (For backup purposes)
3. Check the Expand Widget Templates
4. Search for the code below:

<div class=’post-header-line-1’/>

Note: you can always look for a place to put your code that gives you the best results in terms of the look and the position of the button.

5. The backtype button has the following options to customize:

tweetcount_url: The URL to measure tweets for (Default: Current URL)
tweetcount_title: The title of the page for retweets (Default: Title of current page)
tweetcount_src: Leading text for retweets
tweetcount_via: If tweets contain ‘(via @BackType)’ (Default: true)
tweetcount_links: If links should be opened in new windows (Default: false)
tweetcount_size: Size of button (“large” or “small”) (Default: “large”)
tweetcount_api_key: Awe.sm API Key for custom URL shortener
tweetcount_short_url: Specify the pre-shortened URL that you would like to use (Default: Generated (bt.io))
tweetcount_background: Button background color (e.g. ‘FFFFFF’)
tweetcount_border: Button border color (e.g. ‘CCCCCC’)
tweetcount_text: Button text color (e.g. ‘000000’)

6. paste the following code below the previous line of code:

<div style=’float:right; padding: 5px 5px 5px 5px’>
<script type=”text/javascript”>
tweetcount_url = ‘<data:post.url/>’;
tweetcount_title = ‘<data:post.title/>’;
tweetcount_src = ‘RT @virtuosoblogger‘;
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = ‘small’;
tweetcount_background = ‘FFFFFF’;
tweetcount_border = ‘CCCCCC’;
tweetcount_api_key = ‘5c3bba3f5d77a46a13453091e36dc1cde4335e9299a1edeeaa3c31d193b33fda’;
</script>
<script type=”text/javascript” src=”http://widgets.backtype.com/tweetcount.js”></script>
</div>

This code will display the button on the right of the post. You can replace float:right to float:left to display the button n the left side of the post.

You also have to change Rt @virtuosoblogger: with the text of your choice.

7. After all the customizations, save the Template and see for yourself, the result is a sweet retweet button added to your blog.

Any problems? Comment!!

  • Nishadha

    I currently uses DISQUS in my blog and I have seeing that they also track reactions on Twitter for my posts. Not only Twitter but services like FriendFeed as well.

    Recent blog:=- Twit Sniper Review

  • gautam

    Yes they do add reactions from social media sites. I had mentioned this in an earlier post: http://www.bloggodown.com/2009/07/kickass-alternative-commenting-systems.html

    Recent blog:=- How to add a Backtype retweet button to Blogger

  • Aria’z Ink

    Thanks, I've been trying to do this, but the one I got from tweetmeme never worked properly and I removed it. So glad to have found this article! And yes, I retweeted it 🙂

    Recent blog:=- Blame Shifting, Cough Syrup and Schmuley

  • Maverick

    Thanks .. i am not sure if this reteweet can bring traffic to my blog

    Recent blog:=- vpshostingsearch.com Names Webintellects as top VPS Host and eboundhost as budget VPS host of month.

  • Walter

    It's kind of complicated. Is there an easier ways. Code creep me out. 🙂

  • Ching Ya

    That's a clear and well thought-out how-to post. I've been using Backtype for quite awhile, although not the button just yet. I've heard about its possibility of taking over Retweet button but for now still observing its potentials. No matter how, it's a great effort you've done to share this with Blogger users. I applaud that. ^^ Good job, Gautam! You have my support in Stumbleupon!

    @wchingya
    Social/Blogging Tracker

  • gautam

    Thanks for the supporting me on stumbleupon. The power of retweet button depends on how you are using it and who are following you. I get a lot of retweets from my followers and you will too if you interact with your followers

  • work at home

    Hi gautan I have most of your blog post that you write on twitter. I want to ask that what is the shortcut of getting lots of twitter follower?

    Recent blog:=- New announcement on google work at home affiliate network

  • gautam

    No shortcut just following simple engaging techniques. Befriend a lot of people and get popular. Make sure you are humble and thank people for the Rts and mentions.

    Follow some simple tips and see yourself rocket through

  • work at home

    Thank you. After reading your post I am going interested on Twitter.

    Recent blog:=- Google launches user forum on their work at home affiliate network

  • Thanks great tips! It their any way to add custom via @…….. at the end of the tweet? Like …….. via @bloggodown?

  • This is not working for me:

    “Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.”

  • rndtechnologies786

    Nice thought.