twitter share button code how to tweet button tutorial

Tweet Button (Twitter share button) allows you share your tweets right from your Website without leaving. It pops automatically and you will just confirm your tweet. One of the Best so far.

Related Articles:

twitter share button code how to tweet button tutorial

Tweet Button (Twitter share button) allows you share your tweets right from your website without leaving.

twitter share button code how to tweet button tutorial

CODE:

<a href="http://twitter.com/share" class="twitter-share-button"  data-count="horizontal"
  data-via="DieselBarracuda">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Just place the above code into your website at the position where you want that button show up. It needs to be between your html (BODY) tags

twitter share button code how to tweet button tutorial

data-count options

data-count="horizontal"
data-count="vertical"
data-count="none"

twitter share button code how to tweet button tutorial

data-via

data-via="DieselBarracuda"
data-via="YourCompanyName"

change value inside data-via to your twitter account name.

twitter share button code how to tweet button tutorial

Optional Title

<a href="http://twitter.com/share" class="twitter-share-button"

data-text="Optional Title"

data-count="none"
data-via="DieselBarracuda">Tweet</a>

if you do not include data-text="Optional Title" optional data-text then tweet button will automatically choose title from your page.

twitter share button code how to tweet button tutorial

Optional URL

<a href="http://twitter.com/share" class="twitter-share-button"

data-url="http://www.dieselbarracuda.com"

data-text="Optional Title"
data-count="none"
data-via="DieselBarracuda">Tweet</a>

Again if you do not specify the URL link which you want to use, tweet button will do that for you automatically. In case you want to specify your own URL link good news is that URL doesn't need to be Encoded !

twitter share button code how to tweet button tutorial

Language

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://www.dieselbarracuda.com"
data-text="Optional Title"
data-count="none"
data-via="DieselBarracuda"

data-lang="fr"

>Tweeter</a>

Tweet button Language option is again optional and if you are using English language the you don't need to specify data-lang at all, cause it is default setting for tweet button. In our example we have selected French Language to show you how to specify other language for twitter button. And that's ALL folks. See you next time :-)

Related Articles: