How to Add a Tweet button on your website

What is the Tweet Button:

The Tweet Button is a simple web tool from twitter that allows users to post a Tweet(or share) to their Twitter profile from any website. Tweets posted using this button are pre-populated with a shortened link to the webpage from which the message was sent (your website). Users have the freedom to customize the Tweet’s content before posting it. After posting their message, users are given the option to follow your and other related Twitter accounts, all without ever leaving your website.

How to Add Tweet button your website:

Step 1: Go to URL : http://twitter.com/about/resources/tweetbutton . Select button type from three types of tweet buttons “vertical count”, “Horizontal count” and “No count”.

In above screenshot other tabs like “Tweet text”, “URL” and “Language” are optional. it depends upon your requirment.

In “Tweet text” you can add text that people will include in their Tweet when they share from your website.
In “URL”, leave as default if you want to sahre current URL in Tweet. In other case you can also define it.
In 3rd tab “Language” that the button will render in on your website. People will see the Tweet dialog in their selected language for Twitter.com.

Step 2 : This step is an optional and if you want users to follow you after they share content from your website. These accounts could include your own, or that of a contributor or a partner.

At last you will find button script into textarea Copy this code and paste it on your webpage where you need Tweet button.

If you are not comfortable to create button then i am giving you following code for

Vertical counter button:

<a href=”https://twitter.com/share” data-count=”vertical”>Tweet</a><script type=”text/javascript” src=”//platform.twitter.com/widgets.js”></script>

Horizontal button:

<a href=”https://twitter.com/share” data-count=”horizontal”>Tweet</a><script type=”text/javascript” src=”//platform.twitter.com/widgets.js”></script>

No count button:

<a href=”https://twitter.com/share” data-count=”none”>Tweet</a><script type=”text/javascript” src=”//platform.twitter.com/widgets.js”></script>

Just copy and paste these code and you done!