How To Add Google+ Follower Gadget in WordPress Blog

Yesterday, Google introduced yet another Google+ perk, the Google+ Follower widget for Blogger Platform. The main idea behind this new gadget is to build a strong relationship between views and the Blog owners so they can easily interact either via Google+ Stream on the blog. This is the reason why this widget is highly appreciated by all the bloggers community because it has the spark that a perfect widget demands. On the other hand, WordPress users were a bit disappointed because this widget can only be applied to Blogger Enabled websites. However, now WordPress Users can cheer with joy because today in this article, we will share a simplest technique that How to Add Google+ Follower Gadget in WordPress Enabled Websites.

How To Add Google+ Follower Gadget in WordPress.

Before, we continue towards our Tutorial I would like to clear one thing that there is no rocket science behind this gadget. It is built with modest HTML and JavaScript coding which is design by Google’s Developers, we have just derived the coding and made it compatible for WordPress. Follow the Following instructions in order to add this gadget in WordPress. (Remember: the following tutorial can also be applied on Blogger or any other Platform because it’s a modest JavaScript coding).

• First Login to your WordPress Admin Panel (i.e. www.bsresearcher.blogspot.com/wp-admin). 
• Then Select >> Appearance >> Widgets >>TEXT (Arbitrary text or HTML).
• Now In the HTML box Paste the following HTML and CSS Coding. Remember: Don’t forget to replace Google+ Profile URL i.e. https://plus.google.com/106374439082237286396. People can use either Profile or Page URLS according to their desire needs.

<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/106374439082237286396" data-source="blogger:blog:followers" data-width="320">
</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>

All Done: After pasting the coding just Press the “Save” button”. Is that easier? Indeed it was. Now go ahead and check your website. We’re pretty sure it wouldn’t let your site look yucky. 

If anyone wants to adjust the Widget of this gadget, then just replace "320" according to the desire needs. As per for Height, replace "300". Remember: Don't use PX (pixel) with the width and height otherwise it wouldn't work.

From the Editor’s Desk:

Now neither WordPress nor any other Platform users can complain that they cannot use this Follower widget on their website. However, this gadget is still extremely new, so it wouldn’t look that elegant, but in the near future we would share some highly customized Google+ Follower widget. What are your thoughts? Does this widget deserve a five star ranking? Give your precious reviews and views via commenting till then take a lot care of your health Peace, Blessings and Happy Googling. 

SHARES

Share

Pin it

Tweet

Share

Share

Share

Buffer

Print

How To Add Google+ Follower Gadget in WordPress Blog

4/ 5

By Editorial Board

Posted By Editorial Team On November 29, 2012 Comment