Simple Email Subscription Box Widget

 

This blogger widget will add a stylish, simple and neat email subscription box to your sidebar, it's using Google Feedburner to serve this newsletter form so, please set YourID to your feed account.

Live Demo

<style type='text/css'> #CHANGE-TO-YOUR-HTML-WIDGET-NUMBER h2 {font-family:'Oswald';font-size:16px;font-weight:400;color:#919392;padding:10px 15px;display:block;background-color:#fff;} #CHANGE-TO-YOUR-HTML-WIDGET-NUMBER h2:before {font-family:FontAwesome;content:'\f003'!important;margin-right:10px;font-size:20px;} #subscribe-box {width:auto;height:auto;background-color:#fff;} #subscribe-box p {font-family:'Open Sans';font-size:13px;color:#919392;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#fafafa;color:#aaacab;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:91%;border:0;border:1px solid #e9e9e9;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;border:1px solid #d9d9d9;color:#919392;} #subscribe-box .emailfield .submitbutton {background:#565f6a;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#bfb079;color:#fff;} </style> <div id='subscribe-box'> <p> Sign up here with your email.</p> <div class='emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=YourID', '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='YourID'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/> </form> </div> </div> Add to Blogger