How to Add a Google+ Badge to Your Site

1. Open up your Google+ account and click on YOUR “about page” –> You will see a series of numbers in the web address. This is you ID number. Cut and paste this somewhere safe as you will need it.

2. Go to this website –> http://widgetsplus.com/–> To create your widget

2. Click the “get widget” blue button on the left hand side. (Your widget looks like the box in the top right) 3. Once you click the button “get widget” the screen changes to this one

3. Fill in your ID number (from step one) into the box that i have circled for you. Advanced: –> You may change the other boxes to get the colours/size you want.

4. Hit the big orange “Get code” button.

5. Cut and paste all of the code it creates into an HTML widget on your blog.

Creating the Blog widget:

WordPress –> This is normally under –> widget –> Text/HTML –> you drag the box to your sidebar where you want it. Add in the code to the HTML section and that should do it. (Sorry i have not done pictures of this one)

Blogger –> You add an gadget and then add the HTML/Javascript widget to you blog.

 

Add the HTML widget

Then add a title “Google +” or some such Then add in that code and hit save

Make sure you add ALL the code as an error in one little part will stop it from working. you should have now have your widget.

 

This is easy. Open up your widget again so you can see the code. If you look at mine in the picture above, you will notice a “320″ on the first line of the code. Change the numbers to “230″or something. Be careful to keep everything else the same including the quote marks. This should reduce the width of the widget.

 

1. Start the process again. Sometimes you might have made a copy and paste error when copying the code to the HTML. 2. Refresh the page 3. Sometimes things just don’t work. Wait come back in an hour and see.