Add A TweetMeme Retweet Button To Blogger Blog

Tweetmeme Retweet buttonWith the increase in the popularity of Twitter, it has become a great place to share information on the net. Many bloggers have stated that Twitter is among the top sources from where their blog gets traffic. Even I have experienced the traffic that Twitter can send to blogs. Few days back, my post 16 Cool Sites To Get Free Twitter Backgrounds spread rapidly on Twitter and was Retweeted more than 150 times and I got 700+ Unique visitors in just 2 hours!!! and I got more than 1k unique visits that day. So its important that you add a Retweet button on your blog so that you can get more traffic to your blog.



Tweetmeme has provided a nice and simple option to add a Retweet button to blogs. Here are the two types of RT buttons.

Tweetmeme Retweet button
Tweetmeme Retweet button


To add the RT button to your blogger blog, visit the Layout option and select the Edit HTML option. Now select the Expand Widget Templates option and search the following code in the template


<div class='post-header-line-1'>



If you want to add the big RT button, then paste the following code below the code shown above


<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>



However, if you want the compact button, then add the following code


<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_style = 'compact';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>



But when anyone clicks on the RT button, the RT contains RT @tweetmeme in the tweet. But you can replace it with your Twitter username as you will come to know when someone RT's your post. To use a RT button with your Twitter username, use the following code


<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your Username&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>



You can also specify the URL shortner to be used for the RT button. Following is an example


<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your Username&#39;;
tweetmeme_service = &#39;bit.ly&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>



You can replace bit.ly with the following URL Shortening services

  • bit.ly
  • awe.sm (API support)
  • cli.gs
  • digg.com (API support)
  • is.gd
  • TinyURL.com
  • tr.im
  • su.pr (API support)
  • ow.ly
  • twurl.nl


If you want to add URL shortening services that need API support, then use the following code


<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your Username&#39;;
tweetmeme_service = &#39;su.pr&#39;;
tweetmeme_service_api = &#39;Your API Code&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>


To get the API code, you first need to create an account for that URL shortening service and then get the API Code from the account

That's it, I hope that you have found this post useful. If you have any problems, then do write a comment to tell me about it. You can also write a post to tell me your opinion about this post.

0 comments: