How to Add Google Plus Pop Up Widget to Blogger

There are many tools in the internet which allow bloggers gain more traffic to their blog. Today I going to give you a nice and good, Google Plus Pop Widget which will help you to get more followers to your blog Google+ page or for your Google+ profile. You might have observed this type of widgets, when you navigate some of sites like Facebook Like Pop-Up, looking on that widget this  widget was coded. In other words, Facebook Like Pop-Up box was inspiration to code this widget.

Demo

Benefits of Adding Google Plus Pop-Up Widget

• Increase you Google Plus Follower instantly.
• Increase your Google Page rank.
• Good loading speed.
• Very easy to use

How To Add Google Plus Pop-Up Widget To Blogger

• Login to your Blogger dashboard.
• Go to Layout –> Add a Gadget –> HTML/Javascript.
• Copy and paste the below code in HTML/Javascript section.
• Save the Widget.
• You’re done.

<style type="text/css">
html #mbtgppopupdiv {position:absolute;}
#mbtgppopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYMxLu53HUsJb-wI7B9KXSR96gXf8sunNJcBWNo7rg5g3OUapaCs_s5mR_OMjdPOnnnCG3v14n3GpUgD3fT83Lr9X07Y7pULYu2C3643QvEAI1coaS4yh7pDpdc20wK0HRcinqkzPtqcd/s1600/mbt+google+plus+gadget.png');margin:0; overflow-y:auto;}
#mbtgppopup {z-index:9999;background-color: #fff; overflow:none;}
.mbtgppopup {width:400px; height:440px; position:fixed; top:40%; left:50%; margin-top:-200px; margin-left:-200px; border: 10px solid #ff3434; padding: 20px;}
.mbt-title {background:#fff;color: #000;font-size: 14px !important;font-weight:bold;margin:5px 0;border:10px solid #000;padding:10px;line-height:15px; font-family:Verdana !important;}
</style>
<!--[if browser is IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif not]-->
<div id="mbtgppopupdiv">
<div id="mbtgppopup" class="mbtgppopup">
<center><h4 class="mbt-title">Receive All Updates Via Google+. Just Follow Us...</h4></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/113359312100283076276" 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;" ><b>Powered By </b><a style=" font-size:9px; color:#ff3434; text-decoration:none;" href="http://www.mybloggingtechniques.com"><b>My Blogging Techniques</b></a></center>
<center style=" float:left; margin-left:30px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#ff3434; text-decoration:none;" onmouseup="document.getElementById('mbtgppopupdiv').style.display='none'"><b>Skip To Continue</b></a></center>
</div> </div>

Important : Replace “https://plus.google.com/113359312100283076276” with your blogs Google Plus Page URL or your Google Plus Profile URL.
Note : Please respect our work and please don’t remove the link to our site in the widget.