Gosh this is frustrating. My site is at http://ColoradoProcessServers.net done by a professional last summer in Wordpress with css and all. ( yeah he used tables but I cant afford to have it redesigned at this time )

I want to add the Google +1 code below and have tried several places but it always screws up the site. I put what they call the "render call" in the header, which is fine, right? But just that tiny top section with the small button, will throw everything out of whack, if I put it anywhere above the fold in the first page there. Like I tried adding it after the email address and it threw the whole section out to the right of its container area. Any ideas on why and how to get it to work, please?

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="small" annotation="inline"></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Taking a look, give me a few moments.

Yes, you place the scirpt into the header area. I would suggest placing it right before the </head> tag.

The way it is setup under tables would take a lot to fit it under the E-Mail...

However, if you are ok with putting it below the "Attorneys, Legal Assistants and other process serving companies from all across the America love our service!" Paragraph then you may use this code.



I hope this helps.

And may I suggest that you do not use the same "professional" you used to create this site... Find another service. Because if I were you, I would have "FLIP"ed on him... And yes, the pun was intended.

Thanks but it sticks out the right side. Did I do it wrong?

We could barely afford a designer, so it wasn't a matter of paying a few thousand for the design, but a few hundred. <sigh>

It not only sticks out the right side, but W3C says it doesn't validate now, apparently because Google doesn't define their code in the stylesheet?

Here is what I use on my pages, and it does validate in W3C. The reason the normal code does not valiate is because it is HTML5 compliant.

In your </head> tag add this:-



Where you want your button add this:-



You can try the code in your table td tags.

I have mine outside my main page as a static button using css.

You need to replace this code:

...with this:



In the above, I've only considered the positioning, using your original code for the 'Google PlusOne'. This may need to be modified as per Jim's suggestions for validation...

Melissa,

I can not see the Google + button while I am editing it. So, I can not see where it renders on the page. But I did see it on your site and I forgot to add the <br />

This is the correct code.

Attorneys, Legal Assistants and other process serving companies from all across the America love our service!</h4>
<br/> </td> <br />
<td><g:plusone size="small" annotation="inline"></g:plusone></td>

Add that <br /> and it should move down to the correct spot.