Home » , » Official Twitter Share Button (Tweet Button) for Blogger

Official Twitter Share Button (Tweet Button) for Blogger

Official-Twitter-Share-Buttons-for-Blogger

@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 wordpress blog, then use the Wordpress Tweet Button Plugin



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)




Demo:










































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 == &quot;item&quot;'><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.




Something more about the Tweet Button







Source: http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html

0 comments :

Post a Comment

 
Play : Agame | Y8 Games | Y3 Games
Copyright © 2011. Blogger Tips And Tricks 2012 - All Rights Reserved

Proudly powered by Blogger