POPUP Window for Google+ (Automatic Popup) Blogger Tips

Go to Blogger Layout then select HTML/JAVASCRIPT then paste bellow codes then save the template and you are All done...!!!



CODE:

<style type="text/css">
/***********************************************

    http://pharmacyhelps.blogspot.com/

***********************************************/
* 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/AVvXsEgIVTnVWetn5udfht54x7P4If342aC7ReUCqr-QiW5-6NTy0z-siqMsBKSo22Bsxv4U_SmkYpDCxWx31Z3I-PCQ9mOU5H1LWueMAEX9-HSE-FOq8PqtH8qvDry7AkNv_G31aNsvKdz3yA/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:-300px; 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">Add Me On Google+ and Receive All Updates</h3></center>
<center>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/106263501686236908627" 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:9px;cursor:pointer;" ><a style=" font-size:3px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>



0 comments:

Post a Comment