Add Goolge+ Page Badge to your Blog

The badge lets users add your Google Plus page to their circles without leaving your blog,its like Facebook’s Like Box, but better. Google+ badge will not only promote your awesome blog on Google+ , but will help it rank in Google search results as well.

I) Adding Google+ page badge

Adding To Blogger

• Go to Design > Page Elements.
  Click Add Gadget and select HTML/Javascript gadget.
  Copy the code below ,  paste it  in that box.

Adding To WordPress

• 1. Go to Dashboard => Appearance => Widgets => Available Widgets.
  2. Drag Text widget into your sidebar.
  3. Paste above codein the code. Save.

<!-- Google +1 script -->
<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>
<!-- Link blog to Google+ page -->
<a style='display: block; height: 0;' href="PUT YOUR G+ PAGE URL HERE" rel="publisher">&nbsp;</a>
<!-- Google +1 Page badge -->
<g:plus href="PUT YOUR G+ PAGE URL HERE" height="131" width="300" theme="light"></g:plus>

• • Replace PUT YOUR G+ PAGE URL HERE with the URL of your Google+ page.
  • To get the page URL: Login to Google+ > Switch to your page via the dropdown menu on top left corner of your screen right under your profile name > Get the URL from your browser’s address bar.

 

II) Customizing Google + page badge

Currently you can only customize the size of the badge,  by setting the size attribute on the badge tag in line 12.

Size	Badge	Size attribute
Big		badge
Small		smallbadge

Note: If your Google Plus  page badge name is short enough, the “We’re on” phrase in front of the red G+ button will be replaced by  “[PageName] on”.

Thanks  Blogger Sentral for Code !

Tagged as: add, badge", how, to, wordpress.com