Download: Google +1 Button

[Lewis P]

File Name: Google +1 Button
File Submitter: Lewis P
File Submitted: 01 Jul 2011
File Category: Hooks and Plugins

Adds a Google +1 button into your share bar in topics (and any other areas that use the same template)

Click here to download this file

[IPBSupport.de]

Great, but you should use the small button!

[Lewis P]

I didn't like how the small button looked.

I was going to expand the hook to give users a choice, but since it's going to be in Beta 2, I'm not going to worry now.

[AlexJ]

I didn't like how the small button looked.

+1

[Jυra]

I'd consider using it if it was smaller and matching a similar size to the other buttons. I'm sure it works perfectly, though.

[Lewis P]

It is only 4px bigger than the other buttons (2 up, 2 down). It's better than being 6px smaller.

[Rhett]

I agree it needs to match the size perfectly

[Lewis P]

I can't match the size perfectly - I'm limited to the options google gives me.

[RObiN-HoOD]

What about v3.1?

[Lewis P]

It might work, but I haven't tested it. Will test and put an update out if necessary.

[thiskidisevil]

Please test it! I'm looking forward to +1 at 3.1.4 :-))

Thanks!

[dogpatch]

it works fine, but i had to edit the file to take out the "class='right'" so it would line up evenly with the other social icons and i changed the padding to 10px all around and use the small size plus icon to make it look like its been there all along.

[*Salvo*]

it works fine, but i had to edit the file to take out the "class='right'" so it would line up evenly with the other social icons and i changed the padding to 10px all around and use the small size plus icon to make it look like its been there all along.

Where did you find the class to modify?

[*Salvo*]

Ok, changed the html part into the hook GooglePlosone.xml as follows:

/* New HTML */

  $newHTML = "<div class='left' style='padding: 5px; margin-top: 4px;'>

	&#60;script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>

	<g:plusone size='small' href='{$shareURL}'></g:plusone>

   </div>";

[Jeuhen]

Doesn't work on 3.1.4 for me .... gives a red exclamation mark.

- Yes i know that this is for 3.2

[AlexJ]

Doesn't work on 3.1.4 for me .... gives a red exclamation mark.

I think he made it for 3.2.x :)

[*Salvo*]

Yes, but it works on my 3.1.4

[Lewis P]

Doesn't work on 3.1.4 for me .... gives a red exclamation mark.

- Yes i know that this is for 3.2

Should work. It might not look pretty, but it does work.

[*Salvo*]

Yes, it was in the center, and now with my skin is like below:

Not that bad

[Rhett]

waste of time as 3.2 will have this built in.... :)

[Lewis P]

waste of time as 3.2 will have this built in.... :smile:

I made this hook about 3 hours before Matt said it would be included. ;)

[cmiller]

Im using 3.2 and don't see any sort of share bar or social media integration whatsoever except the usual twitter and Facebook connect?

[Aisha]

I made this hook about 3 hours before Matt said it would be included. :wink:

You should make it so that it shows up in the primary nav next to the quick nav.