Google Plus Pop Up Widget

0
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.
Google-plus-pop-up


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/AVvXsEjfvV6ztu8rOE4R5RCaQJat1zM2CnvCTGq8ay18pZQ5tz5BJoulR6OjJKJ-MauPnEMVswBUkyhftsxqybCH1-Yb2jdPe0nNNwp44C2d0_d2CDT2fLsUhiF3u8hQoAbDGLiCCeQHRsXc5vkx/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/
xxxxxxxxxxx" 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="pc10s.blogspot.com"><b>pc10s</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/xxxxxxxxxxx” with your blogs Google Plus Page URL or your Google Plus Profile URL.