Advance PopUp Lightbox Email Subscription Widget (Cookie Set + FadeOff)

Aweber, that is one of the best email marketing tool out there has great features built in. There are tons of pre-defined templates and Email subscription widgets that you can use for free. Though, unfortunately, there are not many attractive and super advance email subscription boxes to choose from.

All of them are conventional ones and doesn't give the branding touch to the blog. To gain the subscribers fast, we know Lightbox popup is one of the best widgets one can apply.



Today, I'm sharing one of the best Lightbox email subscription widgets that we shared previously on BloggingeHow and I hope it works great for you in capturing leads.

Before we move to the implementation of the widget, you can read this post I put together.


Implementation For Aweber


If you're a Blogger (Blogspot) user, simply navigate to Blogger Dashboard >> Layout >> and Add a New Gadget >> HTML/JavaScript Gadget.


Now simply paste the following code in the new HTML/JavaScript Gadget and hit save. It's all done.

Share To Unlock Code

[lock]
[<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.5);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;

z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
#fanbox {
    
     top: 58%;
     width: 420px;
     position: absolute;
    
}
}

#fanclose {
    background: url("http://1.bp.blogspot.com/-6Z2Ta3A0Ubo/U8FAq1c3wxI/AAAAAAAANKs/zNKvbJc_gmI/s1600/fancybox_sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 36px;
    position: relative;
    right: -680px;
    top: -31px;
    width: 36px;
    z-index: 999999;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;

position:relative;
margin-left:20px;

}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>

<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set 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(''));
}

// key and possibly options given, get 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_user_login') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7  });
});
</script>

<div id='fanback'>

<div id='fanbox'>
<div id='fanclose'>
</div>


<div class="fancybox-wrap fancybox-desktop fancybox-type-inline snp-wrap snp-pop-25-wrap fancybox-opened" tabindex="-1" style="width: 757px; height: auto; position: fixed; top: 20px; left: 296px; opacity: 1; overflow: visible;">
<div class="fancybox-skin" style="padding: 0px; width: auto; height: auto;">
<div class="fancybox-outer">
<div class="fancybox-inner" style="overflow: auto; width: 757px; height: 147px;">
<div id="snppopup-welcome" class="snp-pop-25 snppopup">

<div class="snp-fb snp-theme3 snp-theme3-lightblue">

<div id='fanclose'>
</div>
<h1>Learn How to Earn Your First<br/>
1000$  with Your Blog – And More<br/>
Get Started With This Free Guide
</h1>
<div class="snp-wrap clearfix snp-pop-25-wrap">
<div class="snp-left">
<div class="snp-subscribe">
<h2>
<b>Subscribe and GET your Bonus!</b>
</h2>
AWEBER FORM CODE GOES HERE 



<p class="snp-privacy">Your Information will never be shared with any third party</p>
</div>

</div>
<div class="snp-right">
<p class="snp-img">
<img class="snp-image" alt="" src="http://1.bp.blogspot.com/-QER3j-wQt_Y/U8FAzmJPkyI/AAAAAAAANK0/Fg3ibAdMEYA/s1600/th3_preset.png" />
</p>
<p class="snp-info">
<b><span style="text-decoration:underline">In the FREE guide, you'll learn:</span></b>
</p>
<ul class="snp-features">
<li>
FIRST BULLET POINT HERE
</li>
<li>
SECOND BULLET POINT HERE
</li>
<li>
THIRD BULLET POINT HERE
</li>




<p style=" line-height:0px; font-size:7px; font-weight:bold; text-align:right"><a style="color:#D3D3D3;" href="http://www.bloggingehow.com">Plugin by: Bloggingehow.com</a></p></ul>
</div>
</div>
</div>

<style>

#credits {font-size: 8px; margin-left:300px;margin-top:50px;}

.fancybox-wrap {
    z-index: 18020 !important;
}
.fancybox-opened {
    z-index: 18030 !important;
}
#fancybox-loading {
    z-index: 18060 !important;
}

.fancybox-close {
    z-index: 18040 !important;
}
.fancybox-nav {
    z-index: 18040 !important;
}
.fancybox-nav span {
    z-index: 18040 !important;
}
.fancybox-overlay {
    z-index: 18010 !important;
}
.fancybox-title {
    z-index: 18050 !important;
}
.fancybox-title-float-wrap {
    z-index: 18050 !important;
}
.snp-wrap .fancybox-inner {
    overflow: visible !important;
}
.snp-wrap .fancybox-skin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.snp-fb abbr, .snp-fb address, .snp-fb article, .snp-fb aside, .snp-fb audio, .snp-fb b, .snp-fb blockquote, .snp-fb body, .snp-fb canvas, .snp-fb caption, .snp-fb cite, .snp-fb code, .snp-fb dd, .snp-fb del, .snp-fb details, .snp-fb dfn, .snp-fb div, .snp-fb dl, .snp-fb dt, .snp-fb em, .snp-fb fieldset, .snp-fb figcaption, .snp-fb figure, .snp-fb footer, .snp-fb form, .snp-fb h1, .snp-fb h2, .snp-fb h3, .snp-fb h4, .snp-fb h5, .snp-fb h6, .snp-fb header, .snp-fb hgroup, .snp-fb html, .snp-fb i, .snp-fb iframe, .snp-fb img, .snp-fb ins, .snp-fb kbd, .snp-fb label, .snp-fb legend, .snp-fb li, .snp-fb mark, .snp-fb menu, .snp-fb nav, .snp-fb object, .snp-fb ol, .snp-fb p, .snp-fb pre, .snp-fb q, .snp-fb samp, .snp-fb section, .snp-fb small, .snp-fb span, .snp-fb strong, .snp-fb summary, .snp-fb table, .snp-fb tbody, .snp-fb td, .snp-fb tfoot, .snp-fb th, .snp-fb thead, .snp-fb time, .snp-fb tr, .snp-fb ul, .snp-fb var, .snp-fb video {
    border: 0 none;
    border-radius: 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.snp-fb, .snp-fb * {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    text-transform: none;
}
.snp-fb h1, .snp-fb h2, .snp-fb h3, .snp-fb h4, .snp-fb h5, .snp-fb h6 {
    font-weight: normal;
}
.snp-fb textarea {
    overflow: auto;
}
.snp-fb address {
    font-style: normal;
}
.snp-fb strong, .snp-fb b {
    font-weight: bold;
}
.snp-fb a, .snp-fb ins {
    text-decoration: none;
}
.snp-fb a:hover img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.snp-fb q, .snp-fb blockquote {
    quotes: none;
}
.snp-fb q:before, .snp-fb q:after, .snp-fb blockquote:before, .snp-fb blockquote:after {
    content: none;
}
.snp-fb a, .snp-fb *:focus, .snp-fb input, .snp-fb textarea, .snp-fb select {
    border-radius: 0;
    margin: 0;
    outline: medium none;
    width: auto;
}
.snp-fb button {
    border-radius: 0;
}
.snp-fb ul, .snp-fb ol {
    list-style: none outside none;
}
.snp-fb td, .snp-fb th {
    vertical-align: top;
}
.snp-fb .clearfix:after, .snp-fb .snp-clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.snp-fb .clearfix, .snp-fb .snp-clearfix {
    display: inline-block;
    width: 100%;
}
.snp-fb *:invalid {
}
.snp-fb img {
    border: 0 none;
    box-shadow: none;
    display: inline;
    max-width: none;
    vertical-align: middle;
}
.snp-fb input[type="checkbox"], .snp-fb input[type="radio"] {
    bottom: 1px;
    position: relative;
    vertical-align: middle;
}
.snp-fb input[type="radio"] {
    bottom: 2px;
}
.snp-fb a {
    color: inherit;
}
.snp-pop-inline {
    margin: 20px 0;
}
.snp-pop-inline .snp-fb {
    margin: 0 auto;
}

.snp-theme3 .snp-share {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
.snp-theme3 .snp-share-gp {
    width: 69px;
}
.snp-theme3 .snp-share-gp div {
    display: block !important;
}
.snp-theme3 .snp-share-tw {
    width: 90px;
}
.snp-theme3 .snp-share-pi img {
    vertical-align: top;
}
.snp-wrap .fancybox-opened .fancybox-skin {
    box-shadow: none;
}
.snp-theme3 {
    background: url("http://4.bp.blogspot.com/-ZIhfOa9hhj0/UsUuRnA-oCI/AAAAAAAAMPc/1sH8tzM_tOQ/s1600/cvr.png")  no-repeat scroll 112% -20%  #FFFFFF;
background-size:180px px;
    border: 1px solid #BCBCBC;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9);
    color:#000000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    max-width: 740px;
    padding: 10px 38px 20px;
    position: relative;
}
.snp-theme3 input:focus {
    color: #FFFFFF;
}
.snp-theme3 .snp-columns {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.snp-theme3 h1 {
 font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    color: #2E80C1;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 15px;
}
.snp-theme3 h1 {
    margin-bottom: 30px;
}
.snp-theme3 .snp-img {
    text-align: center;
}
.snp-theme3 .snp-info {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.snp-theme3 .snp-features {
    margin-bottom: 5px;
}
.snp-theme3 .snp-features li {
    background: url("http://3.bp.blogspot.com/-VgRB1eM-Qxw/U8FA9AujV3I/AAAAAAAANK8/Yg8c26lh_9s/s1600/tick.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
        color: #2A2A2A;
    font: 14px/24px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;;
    margin-top: 5px;
    padding-bottom: 3px;

    padding-left: 35px;
    padding-top: 3px;
    position: relative;
}
.snp-theme3 .snp-features li:first-child {
    margin-top: 0;
}
.snp-theme3 {
    position: relative;
}
.snp-theme3 .snp-footer {
    padding: 10px 0 12px;
}
.snp-theme3 .snp-footer, .snp-theme3 .snp-footer p {
    color: #BA9551;
    font-size: 13px;
    margin-bottom: 0;
}
.snp-theme3 .snp-footer a {
    text-decoration: underline;
}
.snp-theme3 .snp-privacy {
    color: #419BBF;
    font-size: 12px;
    padding-left: 31px;
    position: relative;
}
.snp-theme3 .snp-privacy a:hover {
    text-decoration: underline;
}
.snp-theme3 .snp-privacy:before {
    content: url("http://3.bp.blogspot.com/-zZb56Far9Zk/U8FBFB4x7CI/AAAAAAAANLE/o0bKpHkYFI4/s1600/locker.png");
    left: 0;
    position: absolute;
    top: 0;
}
.snp-theme3 .snp-no-thx {
    color: #8B8B8B;
    font-size: 12px;
    text-decoration: underline;
}
.snp-theme3 .snp-subscribe {
    background: url("http://4.bp.blogspot.com/-Ylpn9-MixzE/U8FB0cPprsI/AAAAAAAANLc/YySt267RXpk/s1600/subscribe-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 24px;
    margin-left: -55px;
    margin-top: -15px;
    padding: 48px 16px 17px 18px;
    position: relative;
    z-index: 1000;
}
.snp-theme3 .snp-subscribe-social {
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 10px;
    text-align: center;
}
.snp-theme3 .snp-subscribe h2 {
    color: #F2F2F2;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 10px;
    text-align: center;
    text-shadow: 1px 1px #035677;
}
.snp-theme3 .snp-field {
    background: none repeat scroll 0 0 #066B93;
    border: 1px solid #035778;
    border-radius: 19px;
    box-shadow: 1px 1px 3px #045A7C inset, 1px 1px #1B81AA;
    color: #FFFFFF;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 38px;
    line-height: 18px;
    margin: 0 0 16px;
    padding: 10px 14px 10px 46px;
    width: 100%;
}
.snp-theme3 .snp-error {
    border: 1px solid #FF0F0F !important;
    color: #FF0F0F !important;
}
.snp-theme3 input:-moz-placeholder {
    color: #FFFFFF;
}
.snp-theme3 .placeholder {
    color: #FFFFFF;
}
.snp-theme3 input.snp-error:-moz-placeholder {
    color: #FF0F0F;
}
.snp-theme3 .snp-error.placeholder {
    color: #FF0F0F;
}
.snp-theme3 .snp-subscribe-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #F2E205 0px, #E5AE08 100%) repeat scroll 0 0 #EAC307;
    border-color: -moz-use-text-color -moz-use-text-color #161619;
    border-image: none;
    border-radius: 19px;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 1px 1px 1px #02506E;
    color: #43261A;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 36px;
    margin: 0 0 20px;
    padding: 0 20px;
    text-align: center;
    text-shadow: 1px 1px 0 #F0D16E;
    text-transform: uppercase;
    width: 100%;
}
.snp-theme3 .snp-field-name {
    background: url("http://3.bp.blogspot.com/-THAfqzMyFqk/U8FBNa16z7I/AAAAAAAANLM/mAc7rAw6HOc/s1600/input-name.png") no-repeat scroll 17px 9px #066B93;
}
.snp-theme3 .snp-field-email {
    background: url("http://2.bp.blogspot.com/-0pKel2oIyZw/U8FBUiRhXNI/AAAAAAAANLU/EO6BHVskFdg/s1600/input-email.png") no-repeat scroll 17px 12px #066B93;
}
.snp-theme3 .snp-subscribe-button:active {
    position: relative;
    top: 2px;

}
.snp-theme3 .snp-subscribe .snp-field {
    float: left;
    margin-right: 15px;
}
.snp-theme3 .snp-columns:after {
    background: none repeat scroll 0 0 #4F4F55;
    content: " ";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}
.snp-theme3 .snp-powered {
    background: none repeat scroll 0 0 #E3C007;
    border: 1px solid #998954;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    bottom: -36px;
    color: #43261A;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    line-height: 36px;
    padding: 10px 35px 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.snp-theme3 .snp-image {
}
.snp-theme3 .snp-left {
    float: left;
    width: 271px;
}
.snp-theme3 .snp-right {
    margin-left: 310px;
    margin-right: -15px;
}

.snp-theme3-lightgreen h1, .snp-theme3-darkgreen h1 {
    color: #399D00;
}
.snp-theme3-lightgreen .snp-field, .snp-theme3-darkgreen .snp-field {
    background-color: #58B721;
    border: 1px solid #399D00;
    box-shadow: 1px 1px 3px #399D00 inset, 1px 1px #81D843;
    color: #FFFFFF;
}
.snp-theme3-lightgreen .snp-privacy, .snp-theme3-darkgreen .snp-privacy {
    color: #33720E;
}
.snp-theme3-darkgreen .snp-powered, .snp-theme3-lightgreen .snp-powered {
    background: -moz-linear-gradient(center top , #77CC3F 0px, #33720E 100%) repeat scroll 0 0 #33720E;
    border: 1px solid #33720E;
    color: #FFFFFF;
    text-shadow: none;
}
.snp-theme3-darkgreen .snp-subscribe h2, .snp-theme3-lightgreen .snp-subscribe h2 {
    text-shadow: 1px 1px #399D00;
}
.snp-theme3-darkgreen .snp-subscribe-button, .snp-theme3-lightgreen .snp-subscribe-button {
    box-shadow: 1px 1px 1px #298103;
}
.snp-theme3-lightorange h1, .snp-theme3-darkorange h1 {
    color: #FE8814;
}
.snp-theme3-lightorange .snp-field, .snp-theme3-darkorange .snp-field {
    background-color: #DB7425;
    border: 1px solid #F79245;
    box-shadow: 1px 1px 3px #B55A15 inset, 1px 1px #DB7425;
    color: #FFFFFF;
}
.snp-theme3-lightorange .snp-privacy, .snp-theme3-darkorange .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightorange .snp-subscribe h2, .snp-theme3-darkorange .snp-subscribe h2 {
    text-shadow: 1px 1px #DB7425;
}
.snp-theme3-lightorange .snp-subscribe-button, .snp-theme3-darkorange .snp-subscribe-button {
    box-shadow: 1px 1px 1px #DB7425;
}

.snp-theme3-lightred h1, .snp-theme3-darkred h1 {
    color: #FF4848;
}
.snp-theme3-lightred .snp-field, .snp-theme3-darkred .snp-field {
    background-color: #E8272D;
    border: 1px solid #D84348;
    box-shadow: 1px 1px 3px #C42126 inset, 1px 1px #D84348;
    color: #FFFFFF;
}
.snp-theme3-lightred .snp-privacy, .snp-theme3-darkred .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightred .snp-subscribe h2, .snp-theme3-darkred .snp-subscribe h2 {
    text-shadow: 1px 1px #DB7425;
}
.snp-theme3-lightred .snp-subscribe-button, .snp-theme3-darkred .snp-subscribe-button {
    box-shadow: 1px 1px 1px #DB7425;
}

.snp-theme3-lightyellow h1, .snp-theme3-darkyellow h1 {
    color: #D79F00;
}
.snp-theme3-lightyellow .snp-field, .snp-theme3-darkyellow .snp-field {
    background-color: #E7B707;
    border: 1px solid #E7B707;
    box-shadow: 1px 1px 3px #EED206 inset, 1px 1px #E7B707;
    color: #FFFFFF;
}
.snp-theme3-lightyellow .snp-privacy, .snp-theme3-darkyellow .snp-privacy {
    color: #1F1F1F;
}
.snp-theme3-lightyellow .snp-subscribe h2, .snp-theme3-darkyellow .snp-subscribe h2 {
    color: #43261A;
    text-shadow: 1px 1px #EED206;
}
.snp-theme3-lightyellow .snp-subscribe-button, .snp-theme3-darkyellow .snp-subscribe-button {
    box-shadow: 1px 1px 1px #EED206;
}
.snp-theme3-lightyellow .field, .snp-theme3-darkyellow .field {
    color: #43261A;
}
.snp-theme3-lightyellow input:-moz-placeholder, .snp-theme3-darkyellow input:-moz-placeholder {
    color: #43261A;
}
.snp-theme3-lightyellow .placeholder, .snp-theme3-darkyellow .placeholder {
    color: #43261A;
}
.snp-theme3-darkyellow, .snp-theme3-darkred, .snp-theme3-darkorange, .snp-theme3-darkgreen, .snp-theme3-darkblue {
    background: -moz-linear-gradient(center top , #24252A 0px, #3E3E48 30%, #3E3E48 70%, #24252A 100%) repeat scroll 0 0 #34343C;
    border: 1px solid #34343C;
    color: #FFFFFF;
}
.snp-theme3-darkblue .snp-privacy, .snp-theme3-lightblue .snp-privacy {
    color: #78C0ED;
}
.snp-theme3-darkblue .snp-powered, .snp-theme3-lightblue .snp-powered {
    background: none repeat scroll 0 0 #066B93;
    border: 1px solid #066B93;
    color: #FFFFFF;
}
.snp-theme3-darkorange .snp-powered, .snp-theme3-lightorange .snp-powered {
    background: -moz-linear-gradient(center top , #FC8322 0px, #FC8322 100%) repeat scroll 0 0 #FC8322;
    border: 1px solid #FC8322;
    color: #252525;
}
.snp-theme3-darkred .snp-powered, .snp-theme3-lightred .snp-powered {
    background: -moz-linear-gradient(center top , #F64C53 0px, #F64C53 100%) repeat scroll 0 0 #F64C53;
    border: 1px solid #F64C53;
    color: #252525;
}
.snp-theme3-darkyellow .snp-powered, .snp-theme3-lightyellow .snp-powered {
    background: none repeat scroll 0 0 #E3C007;
    border: 1px solid #E3C007;
    color: #252525;
}
@media only screen and (max-width: 900px) {
.snp-theme3 img {
    max-width: 100%;
}
.snp-theme3 .snp-subscribe-button {
    height: auto;
}
}
@media only screen and (max-width: 600px) {
.snp-theme3 img {
    max-width: 100%;
}
.snp-theme3 h1 {
    font-size: 20px !important;
}
.snp-theme3 .snp-right {
    display: none;
}
.snp-theme3 .snp-subscribe-button {
    height: auto;
}
}

</style>

<style>

#side h2 {
    border-bottom: 0px;
   
}
.snp-pop-25 .snp-theme3 { max-width: 740px; }.snp-pop-25 .snp-theme3 h1 {font-size: 32px;}.snp-pop-25 .snp-theme3 .snp-subscribe h2 {font-size: 16px;}.snp-pop-25 .snp-theme3 .snp-subscribe-button {
background: #fde800;
background-image: -webkit-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -moz-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -ms-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: -o-linear-gradient(top, #fde800 0, #f0b000 100%);
background-image: linear-gradient(top, #fde800 0, #f0b000 100%);
color:#fff;
cursor:pointer;
}.snp-pop-25 .snp-theme3 .snp-subscribe-button { color: #000000; text-shadow: none;}
</style>
</div>
</div>
</div>
<a class="fancybox-item fancybox-close" href="javascript:;" title="Close"></a>
</div>
</div>
<div class="fancybox-overlay fancybox-overlay-fixed snp-pop-25-overlay" style="width: auto; height: auto; display: block;"></div>
</div>
</div>]
[/lock]
For customizing the widget for your needs, you can edit out the highlighted code. Note that I have customized the widget for Aweber currently.

To Set Cookie

To set the widget's cookie, you can edit the code expires: 7 by changing '7' to number of days you wish the cookie to stay intact.

Want it to Work for Feedburner?


Currently the widget is set for Aweber only, though it's quite easy to port it for Feedburner users too. Just let me know if you wish it to work with Feedburner too and I would update the post.

Need Help Setup?


Do let me know any difficultly that you may be facing while setting up the widget for your self. I hope you liked the widget and there are many more advance email subscription widgets to come.

Peace.

You may now like to read: How to Migrate from Feedburner to Aweber Seamlessly

COMMENTS

.
Name

AdSense affiliate marketing Announcement AskHassam Blogger Blogging Tips Blogosphere News Bluehost Building Traffic BuySellAds Contest Customizations Disqus Tutorials Domain Hosting Drop Down Menus eBook Email Marketing Facebook Tutorials Feedburner Freelancing Giveaway Google Google Analytics Google Gmail Google Plus Tricks Guest Post HowTo Interview Making Money Online Monetization Motivation PayPal Pinterest Plugins review SEO Slideshare Social Media Top Lists Twitter Wordpress YouTube
false
ltr
item
BloggingeHow | Making Blogging Simpler: Advance PopUp Lightbox Email Subscription Widget (Cookie Set + FadeOff)
Advance PopUp Lightbox Email Subscription Widget (Cookie Set + FadeOff)
http://2.bp.blogspot.com/-v5uCamMTGkQ/U8E5BtfNGdI/AAAAAAAANKc/qVMlRtiMq7o/s1600/advance+aweber+email+subscription+box.png
http://2.bp.blogspot.com/-v5uCamMTGkQ/U8E5BtfNGdI/AAAAAAAANKc/qVMlRtiMq7o/s72-c/advance+aweber+email+subscription+box.png
BloggingeHow | Making Blogging Simpler
http://www.bloggingehow.com/2014/07/aweber-popup-lightbox-email-subscription-widget.html
http://www.bloggingehow.com/
http://www.bloggingehow.com/
http://www.bloggingehow.com/2014/07/aweber-popup-lightbox-email-subscription-widget.html
true
5839591175544873606
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy
Resources

Tools of the Trade