Pop up Email Subscribe Box

Post a Comment Subscribe to Subscription Quiz Add me a comment via this link to subscribe to my email. Now, this article has been added by clicking on the subscribe box in your blog. Jess css and jquery help have been cached

 

Email is still one of the most effective ways to monetize visitors. In this article, we'll look at 20 real popup examples for email list building, Pop-up signup forms on your site can help you get more subscribed contacts. Learn how Be sure to customize your form's related pages and response emails, The Best of Email – Madewell (Newsletter Signup Pop-up Example) Online Surveys ... Pop-up/overlay box messages or modal windows, Pop up feature and Close Button :- This Pop-up email Subscription will appear in the centre of your blog and Because of Close button you can close it anytime

The popup subscribe box lets you use WordPress, blogspot and other blogs or all websites, or you can increase your email marketing business. You can work in the subscribe box in the pop-up email.
This is a question that has your fast loading or FeedBurner email subscription support. You can use it if you use Google's free services feedbanner. Really, this is a blog of your email customers.

Subscribe to my blog pop-up email

Please do not hesitate to join the blog or website at the same time. I would like to add my blog to my blog on my blog. But if you do not want to send it from <style> to </ style> code </ style> then paste it

Option 1:

First, copy this code and change your Feedburner Email Subscription ID.

PopUp Email
<style>#sub-box {display : none;background : rgba(0, 0, 0, 0.8);width : 100%;height : 100%;position : fixed;top : 0;left : 0;z-index : 99999;}#boxclose {width : 100%;height : 100%;}#boxview {background : #fff;width : 600px;height : 230px;position : absolute;top : 35%;left: 27%;}#boxlink a.visited, #boxlink a, #boxlink a:hover {color : #aaaaaa;font-size : 9px;text-decoration : none;text-align : center;padding : 5px;}#subscribe-box {width : 600px;height : 230px;background-color : #4bb1ff;}#subscribe-box p {font-family:'Open Sans';font-size:18px;color:#fff;line-height:20px;padding:20px 20px 0 20px;margin:0;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}#subscribe-box .emailfield .submitbutton {background : #ea141f;color : #fff;text-transform : uppercase;font-weight : normal;font-size : 16px;border : none;outline : none;width : 100%;cursor : pointer;border-radius : 3px;transition : all 0.4s ease-in-out;}.i {margin-top: 15px; float: right;}#subscribe-box .emailfield .submitbutton:active {outline : none;border : none;background : #fff;color : #ea141f;}#subscribe-box .emailfield .submitbutton:hover {background : #18c90c;color : #fff;} </style> <script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {// Pengaturan cookieif (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// cookieoptions = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_facebook_box') != 'yes'){$('#sub-box').delay(3000).fadeIn('fast');$('#closebox, #boxclose').click(function(){$('#sub-box').stop().fadeOut('fast');});}});</script><div id='sub-box'><div id='boxclose'></div><div id='boxview'><div id='closebox'></div><div id='subscribe-box'> <center><p>SUBSCRIBE AND GET LATEST UPDATE NEWS</p></center><div class='emailfield'> <form action='https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='your name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/><input name='uri' type='hidden' value='YOUR-USER-NAME'/><input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/></form></div><a href=" https://www.supportmeindia.com/add-popup-email-subscribe-box-on-your-blog/" target="blank" class="i">get this widget</a></div></div></div>
Option 2:

You can add your blog to your website. I'm going to have a blogspot or wordpress word for you.

     WordPress: Go to WordPress Dashboard >> Appearance >> Widget >> Select Widget >> Add widget and paste the code above.
     Blogspot: Go to Blogger Dashboard >> Range >> Add a Gadget >> HTML / JavaScript and paste this code.

You can follow the steps below to get your book directly in the popup subscribe box.

Step 1:

     Click on the Blogger Dashboard or drop-down menu in the template option.
     HTML Edit HTML, press the Ctrl + F key button or search the code </ style>.
     Type the code from the code <code> code (above) to the code.
     Now, click the save template.

CSS
#sub-box {display : none;background : rgba(0, 0, 0, 0.8);width : 100%;height : 100%;position : fixed;top : 0;left : 0;z-index : 99999;}#boxclose {width : 100%;height : 100%;}#boxview {background : #fff;width : 600px;height : 230px;position : absolute;top : 35%;left: 27%;}#boxlink a.visited, #boxlink a, #boxlink a:hover {color : #aaaaaa;font-size : 9px;text-decoration : none;text-align : center;padding : 5px;}#subscribe-box {width : 600px;height : 230px;background-color : #4bb1ff;}#subscribe-box p {font-family:'Open Sans';font-size:18px;color:#fff;line-height:20px;padding:20px 20px 0 20px;margin:0;}#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}#subscribe-box .emailfield .submitbutton {background : #ea141f;color : #fff;text-transform : uppercase;font-weight : normal;font-size : 16px;border : none;outline : none;width : 100%;cursor : pointer;border-radius : 3px;transition : all 0.4s ease-in-out;}.i {margin-top: 15px; float: right;}#subscribe-box .emailfield .submitbutton:active {outline : none;border : none;background : #fff;color : #ea141f;}#subscribe-box .emailfield .submitbutton:hover {background : #18c90c;color : #fff;}
Step 2:

      The blogger layout let me live or
      Click Add a Gadget
      Select HTML / Javascript to paste the code.
      Finally, save the Save Save

CSS
<script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // Pengaturan cookie if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // cookie options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_box') != 'yes'){ $('#sub-box').delay(3000).fadeIn('fast'); $('#closebox, #boxclose').click(function(){ $('#sub-box').stop().fadeOut('fast'); }); }}); </script> <div id='sub-box'> <div id='boxclose'> </div><div id='boxview'> <div id='closebox'> </div><div id='subscribe-box'> <center><p>SUBSCRIBE AND GET LATEST UPDARE NEWS</p></center><div class='emailfield'> <form action='https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=supportmeindia, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='your name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/> <input name='uri' type='hidden' value='YOUR-USER-NAME'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/></form></div><a href=" https://www.supportmeindia.com/add-popup-email-subscribe-box-on-your-blog/" target="blank" class="i">get this widget</a></div></div></div>