Google+1 Profile Badge For your Blogger/Website Code

Copy and paste this code into your blogger HTML/JavaScript Gadget.

Goto > Layout > Add a Gadget > HTML/JavaScript > Paste code > Click save. 

CODE:

<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-href="//plus.google.com/117111632150618547312" data-layout="landscape" data-rel="author">
</div>
<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Customize this widget:

Replace: "plus.google.com/117111632150618547312" ID with your "google+1 profile ID" which is given in the code.