In this tutorial I’m going to show you how to add the official Tweet Button from Twitter in your blogger posts. The Tweet Button it’s a great tool which will help spreading your articles through Twitter users that visit your blog. How this button works? It’s simple, visitors come to your blog, read your articles and if they like them, they just press the Tweet Button and if they are logged to their Twitter account, automatically your article is tweeted. Now let’s start with adding this button to your Blogger posts.
1. Login to your Blogger account and go to Design.
2. Click at the Edit HTML tab which will lead you to the Edit Template page.
4. At the Edit Template page check the Expand Widget Templates option. Now you have to be careful here. First find the following code to your template: <data:post.body/> (press CTRL+F paste the code and the browser will find it for you).
After you have find the line where is written <data:post.body/> just after it paste the following code:
1) If you want a vertical count Tweet Button paste this code:
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” data-via=”YOUR TWITTER USERNAME“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
2) If you want a horizontal count Tweet Button paste this code:
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”horizontal” data-via=”YOUR TWITTER USERNAME“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
3) If your want a simple no count Tweet Button paste this code:
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”none” data-via=”YOUR TWITTER USERNAME“>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
Important: When you copy the code and paste it in your blogger template code replace the YOUR TWITTER USERNAME with your real Twitter username.
If you added the code in your blogger template code and changed the username click on Save Template.
Now in the end here are the 3 kind of Tweet Buttons that we mentioned above and gave the code for each one of them.
