Google + 1 and PhpBB3

Post by **neuropass** » 30 Sep 2011, 21:24

Stoker wrote:Neuropass is wrong, this version validates just fine

sorry I just noticed that you didn't use the original code.

The original code needs to be escaped otherwise it won't pass the validation.

Code: Select all

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

see phpbb as eg: here

Post by **kevinviet** » 28 Mar 2012, 21:37

Hi Stoker

If I want this google +1 button display on the lower right corner of my head banner just like the site phpbb.com, how do I do it ?

Thanks

Post by **Stoker** » 29 Mar 2012, 05:17

Take this part and place it in your overall_header.html

Code: Select all

<!-- IF not S_IS_BOT -->
<div style="float:right;"><div class="g-plusone"></div></div>
<!-- ENDIF -->

Post by **kevinviet** » 29 Mar 2012, 06:18

Thanks Stoker, and how do I get a medium size button ?

Post by **Stoker** » 29 Mar 2012, 06:29

Then you have to use the code from the google site.
Its in second post first page.

Post by **kevinviet** » 29 Mar 2012, 06:42

Thanks again Stoker

yeah I use that code and it looks great on FF browser and chrome but It doesn't look right on IE browser. It doesn't lay straight line with other social icons it goes down to another line. I have IE browser

Anyway who care about IE browser, I user FF browser all the time

Post by **kevinviet** » 13 Apr 2012, 18:44

Hi Stoker

With your code I can get the size of the button I want but I can't get it pass the XHTML validation.

Code: Select all

<div class="g-plusone" data-size="medium"></div>

The error is, there is no attribute "data-size"

Any help to pass the XHTML validation on the attribute ?

Thanks

Post by **Stoker** » 13 Apr 2012, 18:48

http://www.gabsoftware.com/tips/how-to- ... 1-buttons/

Post by **kevinviet** » 13 Apr 2012, 19:07

Thank you Stoker I got it pass the validation