How to Add Google +1 to Website Tonight

By | June 18, 2011 | Marketing, Social Networks | 3 Comments
To learn more about Google +1 (pronounced “Plus One”) before adding it to your website read What is Google +1 (Plus One) & How Do I Use It?

Adding a Google +1 button to your Website Tonight does require that you copy and paste code, which might scare you at first. However, you do not need to change the code or understand it. All you have to do is follow these instructions step-by-step.

Part 1:    Choose the Button Size

Each size option is shown below with a preview and the corresponding code (red text). Only pick one size. You will use the code in step number 10 of the instructions.

Size Preview Code
Small <g:plusone size="small"></g:plusone>
Medium <g:plusone size="medium"></g:plusone>
Standard <g:plusone></g:plusone>
Tall <g:plusone size="tall"></g:plusone>

Click here to visit the Google +1 Advanced Customization Tool.

Part 2:    Add the Button

  1. Log into Website Tonight
  2. Hover over Design (upper left) and select Launch Page Designer.
  3. Hover over the Properties icon (top center – Page tab) and select JavaScript.
  4. Add the code below to the box titled JavaScript for <head>. If there is already code in the box do not delete it. Simply add the Google +1 code beneath it.

    5. <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

  5. Click the Apply button.
  6. Click the Okay button.
  7. Click on the block where you want to add your Google +1 button, so that you are in the “edit mode” (you should be able to type into the box).
  8. Click the Insert tab (top center).
  9. Click on the Script icon (top center under the Insert tab).
  10. Erase all the code you see and paste the code you selected from Part 1 above.

    11. Example:     <g:plusone></g:plusone>

  11. Click OK.
Optional: Repeat all the steps above for each page. This is not necessary if you put the button code in a shared block, such as the “Your Title Text” box.

Now that I’ve helped you add a Google +1 button to your Website Tonight, do me a favor and +1 this webpage. The +1 button can be found at the top of the right-hand sidebar. Or you can click the button below to +1 the home page of Pro Site Tonight.

Thanks! :)

3 Replies to How to Add Google +1 to Website Tonight

  1. Sports Electronics says:
    January 27, 2012 at 12:31 pm

    I have been trying for days to apply that sweet little button. You did it for me,
    Thank you very much.

    Reply
  2. Theron says:
    October 27, 2011 at 7:31 pm

    I inserted script in both header area and script in block right next to Xtreme Purse title on homepage…nothing appeared. Any help would be appriecated. Thanks!

    Reply

Leave a Reply