Twitter is a highest traffic social networking and professional user website. In this time twitter best social networking website to increase your website traffic becuase twitter use in all over world in different countries and big cities.So twitter imporatnt important place in social media like facebook, google plus , linkden and pinterest.Most of website use these social media to advertise and Marketplace for improve website seo[Search Engine Optimization] and pagerank.
How to use add this twitter follow button -
The Follow Button is a small widget which allows users to easily follow a Twitter account from any webpage. The Follow Button uses the same implementation model as the Tweet Button, and its integration is just as simple.
This documentation page is for developers and users who wish to build their own Follow Buttons. If you are looking for a quick way to build a Follow Button for your website, you can visit our Follow Button Configuration Page.
Add the Follow Button to your Website -
Using Javascript-
<a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Add this javascript code directly use in to add Html/Javascript widget in wordpress , Blogger
and any type of web document pages.
Twitter Follow Button Look Like this : https://twitter.com/digitalhubinc
Configure your Follow Button :
How to configure your follow button in given javascript code , It's very simple and easy method -
There are several properties which allow you to configure the Follow Button behavior and display. The way to modify default properties depends on your Follow Button implementation. Use link data-attributes for the Javascript version:
Config Code :
<a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a>
config file generator for twitter follow and tweet button . simply fill blank place or form then click on go to generate this code and after add java script code in this genwrated code :
Javascript (link data-attribute) | |
---|---|
User to follow | (in the anchor URL) |
Followers count display | data-show-count |
Language | data-lang |
Width | data-width |
Alignment | data-align |
Show Screen Name | data-show-screen-name |
Size | data-size |
Opt Out | data-dnt |
- Followers count display -
data-show-count = true
data-show-count = false (default)
ture = for show the number of followers
false = Don't show
- Button Size -
data-size="large" and use default
- Language -
- 'english'-en
- 'hindi'-hi
- 'french'-fr
- 'korean'-ko
- 'urdu'-ur
- 'arabian'-ar
- 'Portuguese'-pt
- 'italian'-it
- 'Spanish'-es
- 'Turkish'-tr
- 'Russian'-ru
- 'German'-de
- 'Japanese'-ja
- 'danish'-da
- 'finnish'-fi
- 'hebrew'-he
- 'hungarian'-hu
- 'thai'-th
To use given 18 different languages short code in like this :
data-lang:"en"
- Width and alignment -
data-align="right" or "left"
- Show Screen Name -
data-show-screen-name="false" or "ture"
Which browsers/platforms does the Follow Button support?
- Firefox 3, 4
- Chrome
- Safari 4, 5
- Opera 10
- Internet Explorer 6, 7, 8, 9
- Mobile Safari for iPhone/iPad
- Android
- Palm Pre
- Opera Mini