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.
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.
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.
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.
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
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>[/lock]
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhStYSN3-s3h0dt5dq1NFs3QtIqgCQHlC6R_eoAstltORo3sWPxof5hWNsq5-GdlgEWEZYqiOy-EeG-yLwlqumPbCn7p5Yj2kWNXPjSqzz4FcTB3iIsgXzH0AztaAux4hIuVvisAljDlyY/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtP-Rl2AS1JkhSAJpZKwYvzueYPoeTe7IGbcKkcXZGVt-V_d6CdKCxsgB7d7SUctpvNKpKyj9VtG2SqX-sWjy0Uh71qorcgyyF7il0ZvtDnB7eVOaU2bUFrwkmSnr64_bs-8Bj9ru4n-M/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4gWBUhf5w_mgKYcWt9Yi9vmn6pb7hrcvubugUsSCrZqsGbs-2Ce51cyRzTh5h4NIdhDA5l-68_VY6ncdiK_HKUnSjJc0RBfdqYw7UTiFUp317eXIfysJIwZdgSpISZiyiCFB38b-n0Y8/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDUM4KHPi5KGvhx0b28fL4P1LkUZ5sCBB9FqgTtZkxe4gz_ToXMiSfwVlkKdDqcGOOpiJbFOCnLsmn6sPZnYNFz-SWEZT_5yddo1Zq7GZukU6yS2LsS-12-lZ0EfRxjlKJoM9_s7NYcA/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRQFnlhl0bJ4ZbHYa8-AeJkmH4S2DoS-jlZ45DB4UK7klq4o8kANFukHiRo7PtkJGm9K1zpNymm4QNHh2A7wsl_FP2jmj7zu5YQuvH4PZaHmV0vAIGwNdiFkhdtxyVz0ROHCXDghN8WI/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfbomR9wb3MnWLsntJcchHpFtCWFWlm9Pddaq-ovkSRxZwN9ee41jkWvM7PFupfuenm8_DwsYKmP8q_wuvB0MTZFB1YjQtOlIJijRnkx93_eQ1Vh0TjibaaokkNZKEvIhn1gHP5K7-1A/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxaBiPdCxLjqp7yGfV_TlXcoM7K-d_EvP0fcpSpdMlt8pGJ67LjxLvO0HnEq3uugYymINxrep8KgANjZOQX_prXyR5QtZ9hPw8aXMyv8g4yCAjTq5xyyfjs8cAfOSQzDRvI1bDIiWixZY/s1600/input-name.png") no-repeat scroll 17px 9px #066B93;
}
.snp-theme3 .snp-field-email {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNI9SJwvKFvZbcVHJ_SnflS4enl7wMHopqA4LJKunouC0tL6oQDi1TzbbidGP7PPyAKIZPKEeXYXIpnrCCHfZA-ANOrE7YiBkaS1v7jflj52GZGM2Xx3JY5uutp9AMPehMXMA7r9c8xnE/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>]
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
