Few months back Twitter has officially released twitter share buttons.Before the release of official twitter share button webmasters were using retweet button to share tweets powered by tweetmeme. Add this button to your website to let people share content on Twitter without having to leave the page.You must use it because it’s amazing tool to improve your web traffic, connecting with your visitors, and lot more.So, lets see how to add this new tweet button on your blog.
The twitter share button is available in three different styles:
- Horizontal
- Vertical
- No Count
Checkout: Ultimate Guide to Get High Web Traffic from Specific Country
Add Official Twitter Share(Tweet) Button To Blogger Blog
1. Login to blogger Dashboard .
2. Go to the Design –> Edit HTML of your blog.
3. Now click on the check box Expand Widget Templates .
4. Search for <data:post.body/>
5. Now add the below code on either above it,
<div style=”float:right; padding:10px;”>
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” data-via=”geekyard“>Tweet</a>
<script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
</div>
Note:
Replace geekyard with user twitter username 🙂
6. Save template add view your blog.
Add Official Twitter Share(Tweet) Button To WordPress
1. Copy the following code and replace geekyard with your twitter account name.
<div style=”float:right; padding:10px;”>
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” data-via=”geekyard“>Tweet</a>
<script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
</div>
2. Goto WordPress Dashboard –> Appearance –> Editor and select single.php file.
3. Paste the copied code into Single.php and save the file.
Note:
If you want the horizontal or no count button then simply change the text vertical in the code to horizontal for horizontal button or none for no count button.
If you wish retweet botton to appear at left side change,
<div style=’float:right; margin-left:10px;’>
as
<div style=’float:left; margin-left:10px;’>
Enjoy with more tweets 😉
I think the admin of this site is in fact working hard for his site, because here every stuff is
quality based data.
thanks praveen for sharing but i have some problems regarding that can you send me some detailed information about pointing this button on twitter