How to Add Google+ Popup Followers Widget for Blogger

Get paid to share your links!

What is Google+ Widget.

As you know Google+ is the part of Google Like Blogger. It will inform all your friends or followers to whenever you post a new article to your blog. It creates a reader of your blog. It also helps to better rank in Google Search Result. best practice to generate traffic from google.

Also Read: How to Add Facebook popup Widget for Blogger

Advantages Of Google+ Popup Widget

• Google+ Popup Widget Has simple Layout which Doesn’t affect The blog loading Time.
• Nice and simple Style which attracts the reader to follow your or your blog page.
• Google+ Popup Widget is Made with CSS and Java script.
• Automatically appears when the homepage loads.
• Shows the number of followers with little Image.
• Having a skip button to skip this widget.

Also Read: How to Submit Your Blog and get Index in 24 Hours

How to Add Google+ Popup Followers Widget For Blogger

If you are following some Pro bloggers then you might hear about the importance of social networking site. You can see many bloggers are using Social widgets like Facebook Like a 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. Best responsive blogger templates 2015 free download.

Also Read:  How To Improve Alexa Rank Of Your Blog

Step by Step Tutorial to Add Google+ Popup Widget

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.bloggingride.blogspot.com
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv8HiWVTla3is8E1-uYEiyjqng5_W2kLI-5_Qdnq7t8YZU6Uwf3biaAwoPJyjfYJK-mSLWCgSAYbcSqv8ef0lwVZ7hBsjCauyV89dJjnNxabiMvs2f69aFYthbLZdVwjbYMgwipLYgkg/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 #999; padding: 20px;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;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">Receive All Updates Via Google+. Just Click The Button Below...</h3></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/+Zohaibk" 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:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://apk-free-downloads.blogspot.com/">Apk-free-downloads</a></center>
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>
<!-- www.bloggingride.blogspot.com -->

Final Step:

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

Also Read: How to add Ajax Based Sitemap Widget For Blogger

I hope you liked this article and Google+ Pop Upwidget. This is a simple a widget to increase your fan following of your profile in order to Increase your blog traffic.

Get paid to share your links!