Add Retweet Button to Blogger blogspot Blog

Advertisements

A Retweet button in Blogger blogspot blog can be easily added by adding html code in Blogger Template. But first of all what is Retweet ?

What is Retweet

If you know it already then you can go directly to tutorial given under to add retweet button but if you don't then Retweet mean is Re-Tweeting or Quoting or republishing other tweets , you find interesting ,on Twitter to share it with your followers. e.g You come across a tweet on twitter and found it really interesting and worth sharing and want to share it with your followers then you can easily do it by retweeting. More a tweet is retweeted more followers its get.

Mostly all blog owner are having twitter account and they are tweeting their blog feeds to get more visitors for their blog(if you are not than read my post  Auto Tweet your blog feeds with feedburner). Now if you have a blog and you are already tweeting your blog feeds on your twitter account then by adding retweet button you will allow the visitor to retweet or tweet your post tweet on his twitter account to share it with his follower.

Also Read : Blogger Tips

What you will get by Adding Retweet Button to Your Blog

Its gives an idea to the visitor that how popular your posts are and how many people have found it so much interesting that they have to retweet it. The other benefit you would get that you allow visitor to tweet your post and spread it  to its follower.

How to add Retweet Button to Blogger (Blogspot) Blog

Now coming to the topic, there are two retweet buttons given by Tweetmeme.
1st Retweet Button (Large Button)

2nd Retweet Button (Compact Button)

To add the Retweet button of your choice and location follow the following steps;
1. Log in to your Blogger account.
2. Go to Edit Html page under Design Tab.
3. Check the box Expand Widget Templates.
4. Download template as a precautionary measure.

Add 1st Retweet Button (Large Button) at Top OR Bottom of Blog Post - Right or Left Aligned
i). After Following Steps 1-4 given above,
find the following line in template by pressing CTRL+F,to  add the retweet button at top of blog post

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

OR

to  add the retweet button at bottom of blog post find the following line by pressing CTRL+F.

<data:post.body/>

ii). After the line add the following Code.

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>'; 
tweetmeme_source = 'your_twitter_id';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script> </div>

III). Replace 'your_twitter_id' with your Twitter id.

IV). Save the Template.

V). If you want to align the retweet button to left replace the word Right with Left in above code.

Add 2nd Retweet Button (Compact Button) at Top OR Bottom of Blog Post - Right or Left Aligned

I). After Following Steps 1-4 given above,
find the following line in template by pressing CTRL+F,to  add the retweet button at top of blog post

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

OR

to  add the retweet button at bottom of blog post find the following line by pressing CTRL+F.

<data:post.body/>

 
2. After the line add the following Code.

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact'; 
tweetmeme_url = '<data:post.url/>'; 
tweetmeme_source = 'your_twitter_id';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script> </div>

3. Replace 'your_twitter_id' with your Twitter id.

4. Save the Template.

If you want to align the retweet button to left replace the word Right with Left in above code.

After completing the above steps you can go to your blog to confirm that retweet button is added in your blogger blog and working perfectly.

Advertisements

Share it