How To Add Email Subscribe Pop Up Window on your Blog

<style>
@import url(&#39;https://fonts.googleapis.com/css?family=Open+Sans&#39;);
#dmeshpopbox{font-family:&#39;Open Sans&#39;,sans-serif;background:#0b74a5;border:2px solid #004c7d;border-radius:30px;color:#fff;display:block;font-size:16px;left:40%;padding:18px;position:fixed;top:40%;z-index:50000}.mylink{float:left;left:2px;position:absolute;text-decoration:none;top:-2px;z-index:1000;font-size:14px}.dmeshsubscription{width:300px}.dmeshsubscription h3{background:#0091d6;border:1px solid #0060a5;color:#fff;margin-bottom:8px;padding:5px;text-align:center}.dmeshsubscription p{margin:10px auto}.dmeshsubscription input[type=text]{background:#369fd0;border:1px solid #005a8b;padding:5px;width:210px}.dmeshsubscription input[type=submit]{background:#F4836A;border:1px solid #005485;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:2px 10px}.demeshform{border:1px solid #3a8dbe;padding:3px;text-align:center}
</style>

<div id='dmeshpopbox'>
<a class='mylink' href='javascript:void(0);' onclick='document.getElementById(&quot;dmeshpopbox&quot;).style.display=&quot;none&quot;'><font color='#fff'>[X]</font></a>

<div class='dmeshsubscription'>
  <h3>Subscribe for our all latest News and Updates</h3>
<form action='https://feedburner.google.com/fb/a/mailverify' class='demeshform' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=blogspot/WpOWr&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<p>Enter your email address:</p><p><input name='email' placeholder='Your Email...' required='' type='text'/></p>
<input name='uri' type='hidden' value='blogspot/WpOWr'/>
<input name='loc' type='hidden' value='en_US'/><input type='submit' value='Update'/>
<p>After update, Check your Email...</p></form>
  </div>
</div>

Share this

Related Posts

Previous
Next Post »