Add Custom Google Plus Widget to your blog

Adding Google Plus widget won’t give satisfactory result sometimes like it happened in my case. So I thought of setting up my own customized widget to showcase its followers with face thumbnails. After a little research about it on the internet, I found a better solution. That is adding of custom Google+ code in the HTML/JavaScript third-party gadget areas.

Why should you add Google+ widget to your blog?

Because, Google cares for sites that show up or talk about their services. This helps search engine notice your blog more quickly than you can expect. Remember, getting links on Google+ for your posts would help the search engine index quickly. If you care about SEO for your blog, you should care adding this widget on your blog.

Widget Code

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/+AmfasTechSols" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        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>

Customization

• Replace https://plus.google.com/+AmfasTechSols link with yours.
• Edit data-width=”300” to your desired width.
• Edit data-height=”300” to your desired height.