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(http://lh5.ggpht.com/_u4gySN2ZgqE/TGeItpz_KFI/AAAAAAAABmE/HrzGzh8nvTk/tweetbutton[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

Optional Edits

1. You can edit via=twitter with your twitter user name. So if your twitter username is john, then change via=twitter to via=john

2. You can also edit related=bloggerplugins:Widgets and Tutorials for Blogger .You can replace bloggerplugins with a twitter handle that you would like to recommend. You can replace Widgets and Tutorials for Blogger with a description of the recommended account

3. You can also edit Tweet This with the text you want  to see on the link

Become a Fan

Share this Article

• Share on Facebook
• Share on Twitter
• Share on Delicious
• Share on Digg
• Share on StumbleUpon