Add retweet button with counter in your Blogger
Sunday, June 20, 2010
|
Blogger Widgets
A few days ago I have added a Tweetmeme retweet counter to this blog. I thought I would share the process with you. The button does the same thing a Tweet This or a Google Buzz button does -share you individual posts, but with an obvious difference, it comes with a counter. The counter show a live count of how many times a post has been tweeted.
Clicking the button will tweet the containing post (in which the button is in). It won’t matter if you click it in home page, in individual/post page or in any other page, it will work all the same.
Now let’s proceed with the tutorial:
Clicking the button will tweet the containing post (in which the button is in). It won’t matter if you click it in home page, in individual/post page or in any other page, it will work all the same.
Now let’s proceed with the tutorial:
- Go to Dashboard > Design > Edit HTML.
- Back up your template.
- Tick the Expand Widget Templates check box on top right of the HTML window.
- Look for this code in your HTML:
- Paste the following codes immediately below (after) it:
- Configure buttons
- Choose your preferred button type by replacing
BUTTON_TYPE
(in line 5) with the corresponding code below.
Retweet button Code leave blank or delete line altogether compact
- Replace
TWITTER_USERNAME
in line 6 with your own Twitter username. - Preview, you should see the button appear at the end each post.
- If you like what you see then Save.
- Enjoy!
<
data:post.body
/>
<!-- Tweetmeme retweet button Start --> <div style='float:left;padding:5px;'> <script type='text/javascript'> tweetmeme_url = '<data:post.url/>'; tweetmeme_style = 'BUTTON_TYPE'; tweetmeme_source = 'TWITTER_USERNAME'; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div> <!-- Tweetmeme retweet button End -->