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.
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('http://2.bp.blogspot.com/-c-wSyciNV34/UeKC2kFtaVI/AAAAAAAAFdo/DCYN3oTcotw/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.
Follow :
Facebook
Twitter
Google+
Like the post? Never miss another. Get all our posts directly to your e-mail. Subscribe to our newsteller today

0 comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1) Do not include links in comments as they will not be published after moderation !
2) Make sure that you "subscribe by mail" to get notified to reply to your comments.
3) Please do not Spam... Spam comments will be deleted immediately upon our review.

Blog Archive

Alexa Traffic Rank

Review http://www.mybloggingtechniques.com/ on alexa.com
Proudly powered by Blogger