If you’re using the “Tweet, Like, Google +1 and Share” plugin for WordPress (I love it) and can’t wait to add the new “Google+ Share” button until it gets integrated into the plugin just follow the following 5 steps:
- Get the Google+ Share button Code (also below)
- Login To Your WordPress install and navigate to Settings > Tweet Like PlusOne (<– get the plugin if you don’t have it)
- Check box #6 to “Display Custom Buttons”
- Drop the Google+ Share button code into your custom button box at the bottom of the plugin settings screen
- Save!
Here’s the code:
1 2 3 4 5 | <div class="g-plus" data-action="share"></div> <!-- Place this tag after the last share tag. --> <script type="text/javascript">// <![CDATA[ (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> |
About Scott Ellis
I added the code and it did not format properly. It showed below the other buttons and into my page title. I tried it with and without other code and got the same result. I would like to have it on the site.
Steve,
Try going to the google+ share button page and customizing the button a little. You might want to change or remove the annotation, change the width (minimum 120px), etc.. see if that helps.
I had to modify it to make it work here and on GeekBeat.TV to avoid the same issues.
Couple other things, it could be the container for your buttons doesn’t have enough width (would be adjusted in your css) particularly since you already have 5 buttons in there. See if any of that helps and let us know.