Google Plus Pop Up Widget
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.
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.
Important : Replace “https://plus.google.com/xxxxxxxxxxx” with your blogs Google Plus Page URL or your Google Plus Profile URL.