After having searched around the web and tried every bit of incomplete code on how to add the impregnable "Tweet This" button on blogger, the fish with the help of its friend has been able to alter the code and make it work. Without further ado, here is the step by step process.


 Make a back-up of your existing template.  

1. Go to Layout>Edit HTML in your Blogger dashboard 

2. Click on the "Download full template" link near the top of the page. Save your template to a location on your computer which you can easily access later. 

3. Go back to the Layout>Edit HTML page and ensure you have checked the "Expand widget templates" box. 


Next, there are two ways of showing "Tweet This" button, either you can show it at the bottom of the post or you can show it at the top of the post:

To show the button at the top of the post
Search for this section in your Blogger template code (or similar):

<data:post.timestamp/>

 
To show the button at the bottom of the post
Search for this section in your Blogger template code (or similar):

<div class='post-footer-line post-footer-line-1'>

Paste the following code just after the post-footer line or after time-stamp line

<a expr:href='&quot;http://twitter.com/home?status=@fishandweb Reading &quot; + data:post.url' target='_blank' title='Tweet it on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij8_WotGHMQyrrXrNbR77SbdgEHbNgqFQLAXCB3FU5FXFMx07ost4kTNY05OZov5wRAPVWUHEpwhx-KaX4rbcowPx6Wfw8Rhrq4WN7-Ej5tO06ekvhihuYUGgOtfKxk5r6QgnF297jAp6r/s400/tweet-this.gif' style='margin-top:5px;'/></a>

Next, preview the changes made to blog to make sure you haven't made any errors in pasting the code. Although the preview  page will not show the "Tweet This" button on your post. 
If everything looks fine in the preview, then click on save template.

Enjoy!

RECOMMENDED PRODUCTS