Page 3 of 3

Google + 1 and PhpBB3

Posted: 30 Sep 2011, 23:24
by neuropass
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

Google + 1 and PhpBB3

Posted: 28 Mar 2012, 23:37
by kevinviet
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

Google + 1 and PhpBB3

Posted: 29 Mar 2012, 07:17
by Stoker
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 -->

Google + 1 and PhpBB3

Posted: 29 Mar 2012, 08:18
by kevinviet
Thanks Stoker, and how do I get a medium size button ?

Google + 1 and PhpBB3

Posted: 29 Mar 2012, 08:29
by Stoker
Then you have to use the code from the google site.
Its in second post first page.

Google + 1 and PhpBB3

Posted: 29 Mar 2012, 08:42
by kevinviet
Thanks again Stoker :thumb: 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 :x
Anyway who care about IE browser, I user FF browser all the time :D

Google + 1 and PhpBB3

Posted: 13 Apr 2012, 20:44
by kevinviet
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

Google + 1 and PhpBB3

Posted: 13 Apr 2012, 20:48
by Stoker

Google + 1 and PhpBB3

Posted: 13 Apr 2012, 21:07
by kevinviet
Thank you Stoker I got it pass the validation :thumb: