How To Add Twitter Follow Button To Your Blog


Social network button like Twitter button has several interfaces that let people just follow the twitter account or to let them see the follower count as well as the following button.

Thanks to Brian Gardner for this simple yet useful tutorial about how to add a twitter button to a blog.

If you'd like to explore more about the twitter follow button, You can check this link as twitter has provided such a complete documentation for developers about the twitter follow button : https://dev.twitter.com/docs/follow-button.

A few buttons are as in below images with their codes :

  • Log in to Blogger.
  • Choose LAYOUT > Click ADD A WIDGET > Choose HTML / JAVA SCRIPT WIDGET
  • Choose any of the below Twitter buttons : 
    Big button with follower count 



    <a href="https://twitter.com/digita7seven" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @digita7seven</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>

    Big button without the follower count



    <a href="https://twitter.com/digita7seven" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @digita7seven</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>

    Medium button with follower count



    &lt;a href=&quot;https://twitter.com/digita7seven&quot; class=&quot;twitter-follow-button&quot; data-show-count=&quot;true&quot; data-size=&quot;medium&quot;&gt;Follow @digita7seven&lt;/a&gt;
    &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);&lt;/script&gt;

    Medium button without the follower count



    <a href="https://twitter.com/digita7seven" class="twitter-follow-button" data-show-count="false" data-size="medium">Follow @digita7seven</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>

    •  Replace the above marked with red with your own username and save your widget. 




    Other Great Stuffs : 

    If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
    Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!

    Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
    How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29

    1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !




    ?max-results=10"> ');

    ?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");