Add Twitter Follow Button to Blogger Blogs

twitter follow buttonTwitter follow button has started gaining great attention from blogosphere. More and more blogs are adding it just near the post titles or on top sidebar to increase the number of their twitter followers and indirectly increase their pageviews. This button is an official button created by twitter developers and does not belong to a third part. As opposed to the retweet button this button loads quickly and doesn't disturb the load time of your website.

 

Adding Twitter Follow button to Blogspot Blogs

To add the button to the widget section of your BlogSpot blogs i.e. Sidebars, below or above Post body, header etc. then do this

  1. Go to Blogger > Design
  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/mybloggertricks" class="twitter-follow-button">Follow @mybloggertricks</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

 

Replace mybloggertricks with your twitter user name

    4. Save your widget and you are done!

Add Twitter Follow Button Below Post titles

If you wish to add the button below post titles then do this,

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Check the "Expand Widgets Template" box
  4. Search for this code,

<data:post.body/>

     5.   Just above it paste the following code,

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

Again make sure to replace the green text with your twitter username.

     6.   Save your template and you are done.

Add Twitter Button To The Bottom Of Every Posts

To add the follow button below all posts on your blogger blogs then repeat the same steps and instead of adding the code above <data:post.body/> add the twitter code below it. That's it!

If you faced any problem just let me know. I will publish another post that will let you fully style and customize the button. Stay tuned.

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

7/06/2011

20 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Purvesh GadaSep 10, 2011, 10:47:00 AM

    Thanks, it was quite helpful.

    ReplyDelete
  2. erynJan 13, 2012, 5:41:00 AM

    this is CRAP. it didn't work!!! where do i put it in my HTML?!?!?! why isn't it showing up???!!

    ReplyDelete
  3. RachMar 27, 2012, 4:47:00 AM

    thanks so much!

    ReplyDelete
  4. AnonymousMar 27, 2012, 8:04:00 AM

    Thank you so much! Clear and easy to follow. Much appreciated!

    ReplyDelete
  5. KezApr 11, 2012, 4:51:00 AM

    tried it on my blog is not working

    ReplyDelete
  6. Jai MontanaMay 15, 2012, 6:20:00 AM

    nice info..tanks broo

    ReplyDelete
  7. M FaqeehMay 27, 2012, 4:44:00 AM

    Thanx brotha.. :)

    ReplyDelete
  8. Jeanmarie AnayaJul 16, 2012, 5:49:00 AM

    Thanks! Yours was the first twitter button tip that actually worked on my blog! I'll be back for more, definitely!

    ReplyDelete
  9. UnknownAug 9, 2012, 5:04:00 PM

    nice.thank you,dear,

    ReplyDelete
  10. UnknownAug 10, 2012, 9:54:00 PM

    Thanks for this simple but very useful post. Didn't know why i never thought of putting twitter follow button even after having an twitter account for months..

    ReplyDelete
  11. Satyendra PandeyAug 27, 2012, 11:02:00 AM

    Added the code and it succesfully implemented...

    Thanking you,
    Satyenhacks

    ReplyDelete
  12. The Middle AgesSep 11, 2012, 3:51:00 AM

    Brilliant! Thank you so much, easy as anything!

    ReplyDelete
  13. Jabed KhanDec 30, 2012, 9:55:00 AM

    Hey i want to add twitter so please can tweet in my website how can i do that ??? PLEASE it will be very helpful if anyone tells me that :P

    ReplyDelete
  14. DanielleJan 10, 2013, 2:27:00 AM

    Hi Mohammad,
    That was great and it worked. I have another problem - how do I add my Twitter code to the comment message box. When I entered it, received an error that "class="twitter-follow-button" not allowed. Is there any way to fix it?

    ReplyDelete
  15. Dermot BradfieldJan 18, 2013, 2:12:00 AM

    Thanks Mohammad! Excellent article

    ReplyDelete
  16. UnknownApr 4, 2013, 10:13:00 PM

    It has worked but only on my latest post and not my older ones? Any reason for that?

    ReplyDelete
  17. AnonymousJun 30, 2013, 11:40:00 PM

    thanks friend for this information

    ReplyDelete
  18. AnonymousAug 2, 2013, 1:13:00 AM

    Thanks for the help

    ReplyDelete
  19. Gacheri NdumbaAug 8, 2013, 4:33:00 PM

    Thanks. This is the first one that has worked.

    ReplyDelete
  20. AnonymousFeb 15, 2014, 4:48:00 AM

    Hi there, not sure why I cannot see Blogger - Design but maybe my page is different. I cannot the design section, could it be under template or another section, please help.

    ReplyDelete

Subscribe to: Post Comments ( Atom )