Adding Twitter official follow button to your blog or website is effective to gather more organic followers. And it is obviously more helpful to increase visitor from Twitter.

This tutorial will help you to add Twitter follow button for blogger with customization.

If you click on the following button, you will be follower directly. You can check this. 

First go to Template > Edit HTML and click on code. Then CTRL + F and paste the following tag.
To add Twitter follow button to your website, first add the following code before or just after the <body> tag.

    window.twttr = (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
            t = window.twttr || {};
        if (d.getElementById(id)) return t;
        js = d.createElement(s); = id;
        js.src = "";
        fjs.parentNode.insertBefore(js, fjs);
        t._e = [];
        t.ready = function(f) {
        return t;
    }(document, "script", "twitter-wjs"));
You can add this before </body> tag. But I recommend to add this just after <body> tag to decrease site loading duration.
***This code is must required to add any widget (such as embed twitter timeline, tweet button etc.) to your website.

Next, Copy the following code and paste where you want to show the Twitter follow button.

<a class='twitter-follow-button' data-size="large" data-show-count='yes' data-show-screen-name='yes' href=''>
Follow @ComProMath</a>
You have to replace compromath with your username.

Customize your follow button

If you want to hide follower count, just replace data-show-count='false' .
If you want to hide username, just replace data-show-screen-name='false'
If you want to resize follow button to small or default, replace data-size="small"

After finishing customization, save your template and refresh your blog site. It will show as you want. If you get this helpful or need more information, join the comment section.