Thursday, August 6, 2015

How To Add a Twitter Follow Button To Your Blogger 4 Style

If you want to add twitter follow button in to your blogger so here is the some code you can use to display various “Follow” buttons. Obviously you’ll want to replace the ContinueHelp mentions with your own Twitter username.
You can see below is a screenshot of the after entry widget on my blogger blog:
Now see at below instruction how to insert twitter follow gadget in to your blogger?
Large Button With Follower Count
1. Copy and paste the code in to your place
<a class="twitter-follow-button" data-show-count="true" data-size="large" href="https://twitter.com/ContinueHelp">Follow @ContinueHelp</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>
Large Button No Follower Count
2. Copy and paste the code in to your place
<a href="https://twitter.com/ContinueHelp" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @ContinueHelp</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>

Mdium Button With Follower Count
3. Copy and paste the code in to your place
<a href="https://twitter.com/ContinueHelp" class="twitter-follow-button" data-show-count="true" data-size="medium">Follow @ContinueHelp</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 No Follower Count
4. Copy and paste the code in to your place
<a href="https://twitter.com/ContinueHelp" class="twitter-follow-button" data-show-count="false" data-size="medium">Follow @ContinueHelp</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>
Change the "http://twitter.com/ContinueHelp" with your twitter username before saving your gadget and see your blogger I hope you enjoy it.