Tweet This - Text Link for Blogger

Tweet This - Text Link for Blogger 

The Official Twitter Tweet Button has 3 default styles(2 of them with a counter and one without) . The Button works with JavaScript and is not fully Customizable.This post is for all those who want to customize, the tweet button and change it into a simple Text link. The output will be a simple HTML link with all the features if the Tweet Button(excluding the count)

How to add the Tweet This Text Link to Blogger?

1. Login to your Blogger Dashboard and Navigate to Design > Edit HTML
2. Click on the Check box which says “Expand Widget Templates”
3. Now Look for

<data:post.body/>

and immediately after that line paste the following code(Edit the code if needed)

<a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;via=twitter&amp;related=bloggerplugins:Widgets and Tutorials for Blogger&quot;' style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh95JZdalZvjsK_Rv0dPypUQWTtcsYxQF419EGO6XJSEGsED6gmRtHpZpBqjbMkZVh2FDM9aPLFleuKewx3J07beAOpGgpkSHK5cETEOZh6RsyC8DFXqhZZAVnFyliFoJh2bDkdQitqrA/[3].png) left no-repeat; padding-left: 20px;' title='Share on Twitter' rel='nofollow' target='_blank' >Tweet This</a>

Save the Template and you should see a Tweet This link below each of your posts like this

Tweet This