Add Popup Email Subscription Widget alongside Light Box Effect

This is actually a great widget because whatever viewers tin sack subscribe your weblog past times merely write ain Email address inwards popup Email widget. It larn the best attending of the visitors which makes them therefore effective inwards doing their job. Influenza A virus subtype H5N1 visitors either convey to subscribe your blog or click on a cross icon to kicking the bucket along suffering on your blog. If y’all convey character content on your weblog therefore many viewers volition desire subscribe your blog, therefore this widget volition hold upwardly very helpful for you.

Note: The code I convey provided below volition show-up the subscription box when the page has been loaded.

 because whatever viewers tin sack subscribe your weblog past times merely write ain Email address inwards popup Em Add Popup Email Subscription Widget amongst Light Box Effect

Install Popup Email subscription Box inwards Blogger:

– Go to Blogger too log-in to your account

– Select your weblog too navigate to the “Template” section

– Hit on “Edit HTML” Button

– Click anywhere within the code too press Ctrl + F to opened upwardly the search box

– Find <body> tag too supersede amongst the given below code

<body onload=’lightbox_open()’>

– Now precisely subsequently that glue the given below code

<div id=”light”> <div style=’position:absolute;left:-20px;top:-20px;text-align:center;font-size:31px;width:40px;height:40px;background-color:white;border:4px company black;border-radius:100%;color:black;font-family: Impact, Haettenschweiler, “Franklin Gothic Bold”, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”, sans serif’ onClick=”lightbox_close();”>X</div>  <center><img style=’width:400px;height:125px;’ src=’https://lh5.googleusercontent.com/-wsjbg3uaeUU/VLbFISkW_xI/AAAAAAAAAWw/jYnp3D3MLQc/w400-h125-no/MakeMoneyOnline72.BlogSpot.png‘></img></center> <form id=’sub’ action=”http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=makemoneyonline-72‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><center> <p style=’font-size:35px;margin-bottom:15px;’>Subscribe To Our Mailing List</p> <input class=’sbox’ id=’sbox’ type=’text’ name=’uri’ placeholder=’Your Email Address…’/></center><input class=’sbutton’ id=’sbutton’ style=’border:0; vertical-align: top;’ name=’upload’ type=’submit’ value=’Subscribe’/></form><center><p style=’font-family:Source Sans Pro, sans-serif;’ ><b>P.S</b> I volition never spam you…100% GUARANTEED!</p></center></div><div id=”fade”></div><link href=’http://fonts.googleapis.com/css?family=Source+Sans+Pro’ rel=’stylesheet’ type=’text/css’/>
<style>input:focus{outline: 0.5px company #4c004c;}#sbutton {padding: 5px;font-size:30px;margin-top:10px;width:500px;margin-left:50px;:font-family: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial, sans-serif;background-color:#DFDFDF;}form { margin:0px;font-family: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial, sans-serif;}#sbox {width: 500px;height:30px;vertical-align:bottom;}#sbox:focus{border: 1px company #4c004c;}#fade{    display: none;    position: fixed;    top: 0%;    left: 0%;    width: 100%;    height: 100%;    background-color: #000;    z-index:1001;    -moz-opacity: 0.7;    opacity:.70;    filter: alpha(opacity=70);}#light{    display: none;    position: fixed;    top: 29%;    left: 29%;    width: 600px;    height: 400px;    margin-left: -150px;    margin-top: -100px;                   padding: 10px;    border: 2px company #FFF;    background: white;    z-index:1002;    overflow:visible;}</style><script>

window.document.onkeydown = business office (e){    if (!e){        e = event;    }    if (e.keyCode == 27){        lightbox_close();    }}function lightbox_open(){ window.scrollTo(0,0);    document.getElementById(‘light’).style.display=’block’;    document.getElementById(‘fade’).style.display=’block’; }function lightbox_close(){    document.getElementById(‘light’).style.display=’none’;    document.getElementById(‘fade’).style.display=’none’;

}</script>

Customization:


* Change the Blog Image/Logo URL inwards red with your logo url ( y’all tin sack brand this url past times uploading image/logo on Google + site )

* Replace the Feed Burner “User Name” inwards pink amongst your Feed Burner User Name

* Now it’s complete. Hit on “Save” template button

Recommended: Free Download CustomizeMe SEO Friendly Template

Do allow me know how this widget is working on your blog.If y’all are having whatever problem amongst this subscription box therefore exit your sense downward inwards the comment section below. I’ll cook whatever bugs acquaint inwards this widget too off-course if y’all liked it precisely remain turned for to a greater extent than 🙂


Sumber http://makemoneyonline72.blogspot.com/