Easily add and customize twitter follow buttons for your website or blogger

Many times you see on all websites a Twitter Follow Me Button, tweet, hash tag and support button they are add. In today tutorial we learn how to add & customize these changes. But wait 1st we define it. With out going in any detail as we are all well known from social media.

Main Purpose:

The question arises here what’s the purpose of these buttons. The answer is so simple. When a reader or visitor visits a specific site? If he found the content is helping and useful for others. Even he likes that material.  Then for saving time, facilitate and to avoid from any nuisance the person simply clicks upon these types of buttons. These activities share the whole post on his wall or retweeted.

Benefit for website owner:

It is very easy and simplest way for sharing any thing. As a result of this sharing it is also an edge for enhance website reputation on Social Networks. As well as it increases site ranking in Google eye. It’s also a way of driven huge traffic. Also many other relative advantages they get from users this action.
How to create a twitter follower button:

Follow these simple steps.

1st of all simply log on to Twitter Resources Page. Looks good if you have a Twitter account if not then sign up first? After sign in you see four types of twitter buttons here. Below each button it’s coding available.

Choose A button.

Share a Link with count:

<a href=”https://twitter.com/share” class=”twitter-share-button” data-via=”TechnologyMake”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Without Count and Large:

Tweet

<a href=”https://twitter.com/share” class=”twitter-share-button” data-via=”TechnologyMake” data-size=”large” data-count=”none”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Only Follow:

Follow @TechnologyMake

<a href=”https://twitter.com/TechnologyMake” class=”twitter-follow-button” data-show-count=”false” data-show-screen-name=”false”>Follow @TechnologyMake</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Follow With user name and Large button:

Follow @TechnologyMake

<a href=”https://twitter.com/TechnologyMake” class=”twitter-follow-button” data-show-count=”false” data-size=”large”>Follow @TechnologyMake</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Hashtag or Inbounded:

Tweet #TechnologyMake

<a href=”https://twitter.com/intent/tweet?button_hashtag=TechnologyMake&text=Raja” class=”twitter-hashtag-button” data-related=”TechnologyMake”>Tweet #TechnologyMake</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Mention:

Tweet to @TechnologyMake

<a href=”https://twitter.com/intent/tweet?screen_name=TechnologyMake” class=”twitter-mention-button” data-related=”TechnologyMake”>Tweet to @TechnologyMake</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

Customization: 

We can customiae these buttons w.r.t Language, and Text. You can use language what do you want etc.
Need Help???:

                 The tutorial is simple and easy to understand. However if you feel help during adding follow button then I’m here. 


Leave a Reply