How to Add Retweet Button For Blogger

Retweet enables to repost some interesting tweets on twitter. The retweet button can act more like a tweet counter.Adding a retweet button will show a neat count of how many times,your post has been tweeted about,and will also allow your readers to retweet it
To add this widget to your blog, follow these instructions:



Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.



Step 2:
Now find (CTRL+F) this in the code:


<data:post.body/>

Retweet Button:


Case 1:
Top Right
To place the retweet button at the top right corner of your post paste this code before/above it :


<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>
NOTE: To change the button position from "Top-Right" to "Top-Left" just interchange the text market in red. Check it in Case 2.

Case 2:
Top Left

To place the retweet button at the top left corner of your post paste this code before/above it :


<div style='float:left; margin-right:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>


Case 3:
End
To place the retweet button at the end of your post paste this code after/below it :


<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>

Compact Retweet Button:


Case 4:

Top Right
To get a compact retweet button paste this code before/above it :


<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
NOTE: To place the retweet button at the top left corner of your post just change the code as shown in Case 1 and Case 2.

NOTE: To place the compact retweet button at the end of your post paste this code after/below it.
This will put a Retweet button to every post. But you can not choose which post you want to include or exclude a button.

Check For More Social Share Buttons "How to add Linkedin Share, Yahoo Buzz, Reddit, Facebook Like, Delicious, Google Buzz, Stumbleupon, Digg, Tweet and Facebook Share buttons in blogger."

Comments