How to Add Google+ Popup Window in Blogger?



Now a days, Google plus is the best social networking web site. More peoples are connected with Google plus circles around the world. It helps to reach the customers who have more interest on what you offer. You can easily find the users and also add in your circles as your wish. With the help of Google plus easily increase referral visits and popularity of your website among the Google plus users who connect with in your circles.

Steps to add Google+ popup window
Confirm if a gadget has any links with in the code before add in your blog. Because all gadget providers follow this way to build back links easily from other blogs.  If you can find any links add no follow tag for that or remove an anchor tags from the code. Matt cuts, the head of web spam team of Google advices for every blog users to use no follow for your gadgets. Check his advice here http://searchengineland.com/googles-matt-cutts-i-recommend-nofollowing-links-on-widgets-169487
  • Login with your details in blogger.com
  • Click add a gadget


  • Click HTML/Java script

 
  • Copy below code and paste it. Before paste the code replace which one is highlighted in the code by your Google plus profile URL
  • Name your gadget if need and save it

<style type="text/css">
* 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/AVvXsEggZjiJ8Oa3vwtWYvKr5uxC4aI7mizih7UgnThf4lRlKK1l3PPBQTJjjr7BMY6a6yUaeS_lsVd8eDhsqQFJhBRoaIHhBc9ynVEMTz6mGwMrrhQCIctcZfNOr5PPbzDzXdO_qQNaYSQDcA/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/106312666492596013330" 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:left; margin-left:35px; font-size:15px;cursor:pointer;" ><a style=" font-size:15px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>

 
Posted By

Thanks for reading my post. This is Susanna Michale basically from United Kingdom. I likes to participate as blogger in the web sites related to application development, technology, search engine optimization, search engine marketing and mobiles. I have a responsibility role to work as senior software engineer in agriya, a leading clone scripts developer worldwide. Follow on Google+ 



No comments:

Post a Comment