Stylish "Subscribe E-Mail" Widget For Blog And Website

Adding Widget Code:

It's Simple.....

Step 1: Click On Add a Gadget On Blog Layout Page.

Step 2 : In that Add Gadget window , choose HTML / JAVASCRIPT .


Step 3 : Now add following HTML in that window.

Style 1:

<!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-yhaBFHTgo-r__avmvQiLSabrmY48-9hyyLOkhYAwUvrVaDrtmwewG2j0ogg0WX-wxmyPFyZxFTM4L2EJ61h2xeiMQkLuvpwOWAS7Umufl-sjPLqOUvVRXODqcpkYjnZIPxHiJ5ilFQ/s1600/Silver-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=EXEIdeas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="EXEIdeas" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->

 Style 2:

 <!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">
#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sOyKQ6uy8qMfUv-URyJi_wB3CEGxdpB2LMOob0T2D2WWe8oTzj2y2bC5m3bkjDrQveTdFkRaMcS4NzZY7yYr2lCwvF5KypGbBsSI94Wu1P7yeBKJYDnfJ0KaPhQZEurbXduAD1VqEA/s1600/Blue-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=EXEIdeas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="EXEIdeas" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->

Style 3:

<!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. --><style type="text/css">

#exe-SubscribeE-Mail{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1CT1nY0SETdVpCpkInu0WQa5-Q3ogf6tu5Z9OgTR0Rdy9M-MF2MfehQNB5sJhMvZLPduxWzUKZzNNaQp7LY3g9IRiRvVXyV-PkI18OvxVYxiKN2UHgoRuLR-QUFhPn_0ejB_kEki2A/s1600/Red-E-Mail-Subscribtion-Form.png)no-repeat scroll center center transparent;width:368px;height:143px;disaply:block;}form#exe-SubscribeE-MailForm{display:block; padding-top:67px; padding-left:42px;;margin:0;}form#exe-SubscribeE-MailForm #s{padding-top:3px; padding-left:2px; width: 225px; font-size:15px; vertical-align:top; border:none; background:transparent;}
form#exe-SubscribeE-MailForm #sbutton{padding-top:-8px; padding-right:45px; height:30px; width:15x; border:none; background:transparent;} </style> <div id="exe-SubscribeE-Mail"> <form id="exe-SubscribeE-MailForm" action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=EXEIdeas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="EXEIdeas" name="uri"/><input type="text" id="s" name="email" value="Enter Your E-Mail Here" onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'/><input type="hidden" name="loc" value="en_US"/><input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form></div><!-- This Is A CopyRight Subscribed E-Mail Widget.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action. -->

Change EXEIdeas Via Your Feed ID Like Below: