Add Twitter Follow Button To Blogger Blogs

Recently I decided to go through my site and look for things that I felt it was missing. I noticed was that I lacked a one-click process to allow folks to follow me on Twitter. I used to have a Twitter link in my sidebar, and plan to leave it there – but I strategically identified a location I thought might be a good place for the Twitter “Follow” button. I’m not sure if this will distract folks from signing up for my newsletter, but there’s only one way to find out. I don’t see anything wrong with experimenting, right? we’ve promised you that we’d be share things that I do here on our blog. It only makes sense to explain how I do the things I do, so that you can benefit as well. I searched how to add a Twitter “Follow” button and found that this was extremely easy to do. Thankfully Twitter has such great documentation for developers. If you’re geeky and want to check out the comprehensive explanation (and parameters) you can header over the developer page on adding a “Follow” button. Below is the code you can use to display various “Follow” buttons. Obviously you’ll want to replace the bl0ggertricks mentions with your own Twitter username. See Screenshot below and above…

Add Twitter Follow Button Below Post

1. Go to your Blogger Dashboard>> Template>> Edit HTML

2. Press CTRL+F and find the following code.

<data:post.body/>

3. and paste the following code below/after <data:post.body/>

<a href=http://twitter.com/alltipsotricks class="twitter-follow-button">Follow 
@alltipsotricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace bl0ggertricks with your twitter user name. 

4. Save your widget and you are done!

Add Twitter Follow Button Below Post Title

1. Go to your Blogger Dashboard>> Template>> Edit HTML

2. Press CTRL+F and find the following code.

<div class='post-header-line-1'> </div>

or this.

<div class='post-header-line-1'/>

3. and paste the follow code below/after <div class='post-header-line-1'/> or <div class='post-header-line-1'>

<a href=http://twitter.com/alltipsotricks class="twitter-follow-button">Follow 
@alltipsotricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace bl0ggertricks with your twitter user name.

4. Save your widget and you are done!

Add Twitter Follow Button Any Where

1. Go to Blogger  Dashboard>> Layout >> Add a Gadget
2. Choose HTML/Javascript Widget
3. Paste the following code inside it and drag the widget to add your button to any location you want.

<a href=http://twitter.com/alltipsotricks class="twitter-follow-button">Follow 
@alltipsotricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace alltipsotricks with your twitter user name.

4. Save your widget and you are done!

If you feel any Trouble just let me know. You can discus it as much with me as possible. Stay tuned by subscribing our email feed or follow me on social networks. thanks for reading our post. happy blogging….!!!!!!