Tutorial: How to Make a Google + Badge

With Google Friend Connect leaving, many bloggers are turning to Google +. You may have seen Google + badges and wondered how to get one. Here is an easy tutorial on how to make your own. It’s so easy you probably don’t need a tutorial, but if you’re like me, a tutorial for new things is always nice.

Here’s what mine looks like:

My tech support aka my husband put my badge on for me. Because he’s awesome like that. This is how he did it:

Go to widgetsplus.com to begin. Now see the blue “Get Widget” button? Click on that.

“Settings” will appear:

Now stop for a minute and go to your Google + page. Look at the link address – see the row of numbers? Select and copy the numbers.
(Below are my numbers – you don’t want those, you want your own.)

 Paste your numbers into the Google + ID box:

Go to the top of the page and click on the orange Get Code button. You’ll see a preview of your badge at the top right:

If you like what you see, you can grab the code (mine is highlighted in blue above) and copy and paste that to wherever you want to put your badge. You’re done!

However, if your badge isn’t quite right, here is where you can tweak it. As you can see above, my blog name – Musings From a Stay At Home Mom didn’t fit, so I wanted to change the font size. If this happens to you, go back to Settings, then click on Name Text, and adjust the font size to what you want.


There are other options you can play around with too. Change colors, fonts, sizes, etc. Click the orange Get Code button anytime you want to see a preview and grab your code.

See how easy that was?

Have fun with your new Google + Badge!

(Visited 13 times, 1 visits today)
About the Author

Erika is a happily married mom with four energetic children. With a love for Jesus, photography, organizing, and encouraging other moms, she stays busy and definitely does not have it all together.


  1. jared's mum says:

    thanks for interesting tutorial, i have been wondering where everyone’s getting that widget as i cannot find an option for it in G+, glad I stumbled upon your blog ^_^ the only problem i have now is how to make the pic appear on my baby blog widget…

    have a great one! ^_^

  2. Thanks for this – just added it to my blog :)

  3. Thank you. Now…how does one get one’s blog post to go onto one’s google+ feed. THAT would be a good tutorial :)

  4. Thank you so much for this! I am newish to blogging, so this helps me more then you know!

  5. SavingwithSaveOne says:

    Thanks for posting :)

  6. I’d love to see more of these blog-techie tutorials!

  7. thank you so much for posting this…. i wasted so much time trying to figure out how to install the google + badge… this is so easy! :)

  8. I really want to thank you for this very details tutorial. I have learned a lot. Please post different lesson as detailed as this one.

Speak Your Mind