July 6, 2011

Widgets

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 »

37 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Thanks.

    htp://my-soft24.blogspot.com/

    ReplyDelete
  2. Very useful information ... keep it up...

    Buy Facebook Like in 24hr
    Buy Twitter follower in 24hr
    Buy Google Plus one +1 in 24hr
    Buy Cheap PVA Account in 24hr

    http://microgig.blogspot.com/

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

    ReplyDelete
  4. Very useful information ... keep it up... very affordable Price

    Buy Facebook Like in 24hr
    Buy Twitter follower in 24hr
    Buy Google Plus one +1 in 24hr
    Buy Cheap PVA Account in 24hr

    http://sociallike.blogspot.com/

    ReplyDelete
  5. BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT
    BUY FACEBOOK LIKE BOT

    http://microgig.blogspot.in/2012/02/facebook-fan-page-like-bot-get-thousand.html

    ReplyDelete
  6. This comment has been removed by the author.

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

    ReplyDelete
  8. Nice post bro

    www.onlinetectree.blogspot.in

    ReplyDelete
  9. tried it on my blog is not working

    ReplyDelete
  10. ok,, really help for my blog... was service in my blog... will popular on twitter..thanks for your tutorial..thanks... i like

    ReplyDelete
  11. http://facebookreallike.blogspot.com/
    http://myrockingstyle.blogspot.com/
    http://bestgig.blogspot.com/
    http://bestseoshop.blogspot.com/
    http://cheapfacebooklike.blogspot.com/
    http://sitelikefiverr.blogspot.com/
    http://buyplusonevote.blogspot.com/
    http://cheaptwitterfollower.blogspot.com/
    http://leavelikeme.blogspot.com/
    http://blackhatworldteam.blogspot.com/
    http://targetedfollower.blogspot.com/

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

    ReplyDelete
  13. 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
  14. Added the code and it succesfully implemented...

    Thanking you,
    Satyenhacks

    ReplyDelete
  15. Brilliant! Thank you so much, easy as anything!

    ReplyDelete
  16. TQ... i use this widget into my blog
    http://careeron9.blogspot.com

    ReplyDelete
  17. 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
  18. 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
  19. Thanks Mohammad! Excellent article

    ReplyDelete
  20. Part of me thinks this is a bullshit prosecution and another part of me thinks that this person may have been involved a lot more than they can prove right now.
    We will know more after debriefing.

    web hosting
    business web hosting
    affordable web hoting
    website hosting

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

    ReplyDelete
  22. Promotional content, disguised in the form should i buy twitter followers of interesting stories and deployed across multiple platforms keeps the communication going between customers and brands. While there isn't a single formula for success,

    ReplyDelete
  23. thanks friend for this information

    ReplyDelete
  24. Thanks. This is the first one that has worked.

    ReplyDelete
  25. Yaaayy! Already did mine! Thanks so much for this, such a big help. Check it out! :) www.chiconthedot.blogspot.com

    ReplyDelete
  26. 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

Support Us

We have educated thousands of bloggers online and made several people Make a living Online. If our Tutorials have really helped you a little, then kindly show your love by using the badge below:-

Blogger Widgets

or try a Beautiful Banner

Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. STC Network was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Subscribe

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |