Twitter
has now officially released new Sharing Buttons with counter(Tweet
Button). The button comes in three styles and has a new URL
shortener(t.co). The tweet button will show how many times your post
has been shared on twitter.
The main advantage of the Tweet button is that it will let the reader to
follow you(and a related account) after he tweets your post.If you have
a blog, then use the
Tweet Button
To install the new tweet button on blogger, Follow these steps
1 . Configure the Tweet Button using this Simple Installer(Code and Demo
will be updated according to the details that you provide here)
Button Type:
Button Location:
Syntax of the Tweet:
Your Twitter User Name
User name of Related Twitter account
Description of the Related Account
Lanuage of the Button
Display
<b:if cond='data:blog.pageType == "item"'><div style="float:right;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title' data-related='bloggerplugins:Tutorials and Widgets for Blogger' data-count='vertical' data-via='bloggerplugins' data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
</div>
</b:if>
2.Copy the generated Code
3. Login to your Blogger Dashboard and Navigate to
Design >
Edit HTML
4. Click on the Check box which says “
Expand Widget Templates”
5. Now Look for
<data:post.body/>
and immediately
above it paste the following code snippet(after proper editing)
6.Save your template and now you should see the twitter button near each of your blog posts.