Knowledge Base > Customizations > How to Add Google +1 to Showthread

in Customizations

I am going to walk you through how we added Google +1 to our showthread page as you see here on our website.

Before we start visit plusone-button and select the button you want to use. We used medium 20px.

  1. Login to your admincp
  2. Click on Styles & Templates
  3. Click Style Manager
  4. Find your skin and press the > button to modify your templates.
  5. Find the Showthread Template group and expand
  6. Modify the showthread template
  7. Locate the below code and paste in your Google +1 button code

Find

Code:
	<vb:if condition="$show['fb_likebutton']">
		{vb:raw fblikebutton}
	</vb:if>

Paste Below

Code:
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" 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>

Save template and your are done.