Add Google+ Popup Followers Widget For Blogger[How To].

   Social network site is like Facebook, Google+, Twitter etc. have billions of user. Here we can share our stuffs, photos with other, make some new friends, chat with friends, and meeting new people all across the world. But now it is not just a social site for entertain it becomes a huge platform for all webmasters, bloggers, internet marketer to drive huge traffic to their site. Many webmasters are targeting social site to increasing their revenue and also their social fan following. If you are following some Pro bloggers then you might heard about the important of social networking site. You can see many bloggers are use Social widgets like Facebook Like box, Google+ Follow widget etc in their blog to increase social fan following. In this social war Google+ has also own impact. Google+ is a part of Biggest search engine Google. You can find Google+ followers widgets in almost every blog or website. Here is a popup widget for your Blogger blog to increase your fan following.

   Before moving to the Widget let’s have look on the basic advantages of using Google+ Widget.
Must Read- What is Alexa and How does it work?

Advantages Of Using Google+ Widget.

   As you know Google+ is the part of Google Like Blogger. It will inform all your friends or followers to when ever you post new article to your blog. It creates a readership of your blog. It also help to better rank in Google Search Result.

Advantages Of This Popup Widget

  • It Has simple Layout which Doesn’t affect The blog loading Time.
  • Nice and simple Style which attract the The Reader to Follow your or Your Blog Page.
  • Made With CSS and Java script.
  • Automatically Appear when The home Page is Load.
  • Shows the the number of followers with little Image.
  • Having a Skip Button To Skip this Wdget.

How To Add Popup Google+ Widgets To Blogger?

Check the demo of this widgets From HERE
Follow the Below Step To Add this awesome widget to your Blog.

  • Log in to Blogger
  • Select your blog(If You Have More Than One Blog)
  • Now go Layout And Then Select “Add Gadget“.
  • In the new Window scroll down and Find “HTML/JAVA Script” 

  • Paste The Below Code.

<style type=”text/css”>
/***********************************************

    www.techtricksclub.com  

***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url(‘https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png’);margin:0; overflow-y:auto;}
#exestylepopup {z-index:9999;background-color: #fff; overflow:none;}
.exestylepopup {width:400px; height:440px; position:fixed; top:45%; left:50%; margin-top:-220px; margin-left:-200px; border: 10px solid #4690B3; padding: 20px;}
.exe-title {background:#4690B3;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:5px solid #a7d9d6;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!–[if lte IE 6]>
<style type=”text/css”>
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]–>
<div id=”exestylepopupdiv”>
<div id=”exestylepopup” class=”exestylepopup”>
<center><h3 class=”exe-title”>Want Update, Add to Your Circle</h3></center>
<center>
<div class=”g-plus” data-action=”followers” data-height=”300″ data-href=”https://plus.google.com/+Techtricksclub1” data-source=”blogger:blog:followers” data-width=”310″>
</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>
</center>
<br />
<center style=” float:right; margin-right:35px; font-size:12px;” >Modify By-<a style=” font-size:12px; color:#4690B3; text-decoration:none;” href=”http://www.techtricksclub.com”>Rabin</a></center>
<center style=” float:left; margin-left:35px; font-size:9px;cursor:pointer;” ><a style=” font-size:12px; color:#4690B3; text-decoration:none;” onmouseup=”document.getElementById(‘exestylepopupdiv’).style.display=’none'”>&#91;&times;&#93;Skip To Continue</a></center>
</div>
</div>
<!– www.techtricksclub.com –>

  •  Now Change The “Red” Color Text With Your Text.(What You Want To Show On the widgets head) and “Blue Color Link With your Google+ Profile Link.
  • Click Save and you are done.

Final Word

   So what about this widgets. I hope you liked this article and widgets. This is a simple a widget to increase your fan following of your profile in order to Increase your blog readership and traffic. This is the first time i am writing about any blogger widget so let me to know how you like this article or Not. Hope to get Good response.

Speak Your Mind

*