How To Add Twitter Retweet Button to Blogger

Did you realize that Twitter can direct people to your Blogspot blog? In today's Blogger instructional exercise I demonstrate to you bes...

Did you realize that Twitter can direct people to your Blogspot blog? In today's Blogger instructional exercise I demonstrate to you best practices to include a free Twitter Retweet catch to your Blogger posts. Including a Tweetmeme Twitter Retweet catch to Blogger will advance your online journal on Twitter in 2 routes: one by increasing so as to draw in new Twitter adherents and two the immediate activity to your website from Twitter.

What is Twitter and How Does it Work ?

Twitter is as of now the quickest developing free long range interpersonal communication site. Basically, Twitter clients small scale blog about what they are posting so as to do or what others are doing tweets of around 140 characters to Twitter. At the point when Twitter individuals read these tweets and like what they read they can get to be supporters much similarly that your per users can take after your web journal.

Twitter is extraordinary news for bloggers in light of the fact that it can be utilized as a vehicle to advance sites. Blogger can without much of a stretch be connected with Twitter benefits so that each time a post is made to Blogger a short message with a connection is posted on Twitter. As each adherent is informed that you have tweeted, a web journal distributor can pick up heaps of introduction for their online journal with next to no exertion.

When you add Tweetmeme retweets to the blend the spread mixes on the grounds that not just do you have devotees catching wind of your tweet however the supporters of adherents. So say one of your adherents retweets your post all that individual's devotees catch wind of it as well and really soon a tweet in addition to your retweets can advance a post to the point that it spreads so broadly that it becomes famous online.


Advantages of a Twitter Retweet Button

A Tweet/Retweet button looks similar to and behaves like an integrated Digg button but it counts retweets rather than diggs. A Retweet button counts reposts of a tweet so that readers can see at a glance how popular your article is on Twitter. Another benefit of the Retweet button is that it allows your blog readers to retweet your post so that their followers hear about your post too.


How to Add a Twitter Retweet Button to a Blogger Blog (Blogspot Blog)

The following instructions will place a Tweetmeme Retweet button into all of your blog posts.

• Login to Blogger if not already logged in

• From the Dashboard navigate to Layout > Edit HTML

• Check the Expand Widget Templates button

• Back up your Blogger template by clicking on Download Full Template as a precaution

Using CTRL + F find the following code:

---

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

---

Directly after the above line paste the following code depending on which Retweet button and position you prefer:

Large Retweet Button - Right Aligned

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


Large Retweet Button - Left Aligned

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


Compact Retweet Button - Right Aligned

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


Compact Retweet Button - Left Aligned

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

• Change your_twitter_user_name for your actual Twitter username. For instance I would enter BlogWizz

• Click on Save Template

• Click on View blog to admire your Tweetmeme Retweet button in your Blogger posts

Tips and Troubleshooting

1. To Add Retweet Button Below Blogger Post

 * If you want the button to appear at the bottom of Blogger posts instead of just below the post title locate the first instance of the following code and then paste the code for your chosen button immediately after this line: (don't forget to change your Twitter username as in Step 7)

---

<data:post .body=""></data:post><br />

---

2. To Have the Retweet Button Appear on Post Pages Only in Blogger

 * If you want the button to only appear on the post pages and not the home page you will need to enclose the button code in an if statement. See below for an example of what the full code would look like with this extra code.

---

<b:if cond='data:blog.pageType == "item"'>
</b:if>

---

 ***Thus the full code for a right-aligned large Retweet button which only appears on the individual post pages and not the home page would be:

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


***** In this tutorial you have learned how to add a Tweetmeme Retweet Button to your Blogger posts. The Retweet button will encourage your blog readers to retweet your content on Twitter thereby increasing your blog traffic.