The long awaited google plus badge has finally come but most bloggers and website owners are not even aware. Just like the facebook like box and twitter follow button, Google+ badge is just one of those widgets you must have on your blog to improve social interaction with your blog readers. If you’ve created a Google+ page for your blog, then you definitely need the “Follow” button and if you do not have a Google+ page ( like me 
), a “Add to circles” button is available for you. I just added the badge to my sidebar and it’s kind of cool.
If you’ve been using a badge from any third party service, I think it’s time to dump it and get the real thing. Adding the official badge doesn’t only make it easier for your readers to add you to their circles or fiollow your page, it also helps in verifying authorship with Google search.
Where do I get the code?
You just need to follow this link and generate your code. The width you are going to select should be determined by the width of your sidebar. I used 265px but if your sidebar isn’t as wide as mine, reduce it to fit, ok?
How to Add the Google Plus Badge / Button to your Blog
The code is in two part: one has to be in the head section and the other wherever you want the badge to appear.
As shown above, you need to copy the first part of the code and paste it before the closing head tag in your template. If you’re using wordpress, you can find add the code using this plugin or any other one you have that can add scripts to your header.
For Blogspot users:
- Go to Template > Edit HTML. Hit the Proceed button when prompted
- Press CTRL + F and search for <head>
- Just below it, paste the first part of the code I asked you to copy earlier.
Now. you’re done with the first part. Next you have to paste the 2nd part of the code anywhere you want to code to appear.
For Blogspot, go to Design, click on Add a gadget wherever want to badge to appear. Select HTML / JavaScript and paste the code. For WordPress, go to Appearance > Widgets > Select and drag the text widget where you want the follow / add to circles button to appear and paste the code.
Helpful Tutorials for blogger user!
Its the bet way to add follow and circle badges through Google Developers page. As, using developers guide, we can easily generate Two in One- “Add to circle” and “Follow” badges.
Twitter: silverknight97
says:
Thanks for this Don! I was looking for this thing for my blog http://techera.tk . Thanks again! Please add more of these tricks ‘n’ tips
Abinodh O.T recently posted..DNS Hack – Speed up your internet 10 times!
Twitter: healthabeHQ
says:
good tutorial sir,but i have already put it on my blog
Google Plus is here to stay. I suspect that it will do far better than google buzz.
Most certainly! It’s already gained more popularity than Google Buzz ever did.
It’s really helpful for me, thanks so much
Trung Nguyen recently posted..Blogging Tutorial for Beginners
I tried this several times, but it just doesn’t show up on my blog! I tried 4 different browsers too, in vain! I did it exactly the way it should be done, in vain! Can you please tell me what the problem is? I actually want this badge.
Aditya Sam recently posted..Identifying My Sources of Stress and Dealing With Them
Hey I’ve done it myself. Thanks for this anyway
Aditya Sam recently posted..Identifying My Sources of Stress and Dealing With Them
You’re welcome, Aditya
Twitter: huuquocchan
says:
Finally, I found this tutorial here, thanks
I’m going to add Google+ Badge on my blog now 
Chan Huu recently posted..Global Traffic Machine Review – Full Details with Screenshots
You’re much welcome, Chan. It’s my pleasure you find the tutorial useful.
Twitter: shadabiitr
says:
I forget the badge link page of Google Plus, and try to find out on Google Plus but no where it was present. I have got it in your site. Thank you man.
Shadab recently posted..Why Google+ Ranking Is Important For Your Websites/Blogs
Hi Shadab,
Glad to see you drop by. You’ve got a really great blog
Twitter: elangajib
says:
thanks for sharing, I will try to practice
elang ajib recently posted..Sinopsis Film Hasduk Berpola
Thanks for the tutorial. But is there any way to change the background color of the badge? As there are only two themes available and I can’t find any customization option. It will be great if there is a way for doing this! Again thanks
Hemant recently posted..Facebook – How Do They Do It
No, I don’t think Google allows that.
Twitter: wannagainbig
says:
Thanks man!
finally a Google +1 page on my site
Harman recently posted..Quick Weight Loss Tips For Guaranteed Results
Twitter: yoedhacom
says:
amazing this shareing,,
i like it,,
thanks..
Twitter: axymak
says:
Thank you man… It’ working very well.
Akshay recently posted..How to Right Click on touch Screen laptop-tablets (Windows 8)
Thank you. Finally added +1 to my blog.
Twitter: computercolumns
says:
Thanks for sharing a brilliant idea.
Syed Zeeshan Ali recently posted..Ea Sport Cricket 2005 PC Game Free Download
Twitter: wmeador
says:
Very Well stated and great info to keep in mind.
Even reading through the comments here has been helpful as well.
Great interaction and good people here.
Cheers,
Wayne
https://plus.google.com/u/0/106506914071969243397/posts
Twitter: whatswithjeff
says:
Thanks for the tip man. It was very easy, just like putting a FB Like button.
The PC Enthusiast recently posted..Codero Hosting Review: Dedicated, Cloud and Managed Hosting Solutions
Google+ is very important even to link author identity.
Pavan Somu recently posted..How To Get Free Akismet API Key and Activate On WordPress Blog
Twitter: IgorMusardo
says:
Recently I created a version of Google Plus +1 Box, like Facebook Like Box, you can configure and get the code here: http://bit.ly/gplusbox
Igor Musardo recently posted..Google Plus +1 Box – Integração da Time Line do Google Plus com seu site
Thanks for the tutorial Don, I just putted one on my blog.
Twitter: teckopforu
says:
Helps me to make my blog more optimized by adding this trick on my blog…
Ramesh Chandra recently posted..How To Close Comments On A Particular Page In Blogger