Google Plus Pop Up Like Box For Blogger

How To Add Google Plus Pop Up Like Box Widget In Blogger

This a very simple methods you can easily add this gadget by following the below simple steps. follow the below steps correctly hope you will get the results.

1. Go to Blogger Dashboard:
2. Go to layout >> Add Html/javascript gadget:
3. Now past the below given code
4. Change the Yellow Color code with your Google+ Profile Url
5. Change the Red Caption with your chooen one.
6. Enjoy....!!!




<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:-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/1159632679864487135682" 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:18px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>

0 comments:

Post a Comment