Stylish NewsLetter Email Subscription Box For Blogger

This Post is for Add the stylish Mailbox for Email Newsletters for Bloggers. You have Follow the below 6 steps. Let's Add Email Newsletter.

1. Create Feedburner Account
2. Login to blogger account 
3. Go to dashboard 
4. Layout click on add a Gadget
5. Select HTML/JavaScript 
6. Paste below code into the empty content box and then click a button.

Preview Here:

<!-- Copy Start Here -->

<style type="text/css">
#LS-Newsletter4-Box {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJuuVsrY50wODSrupRcNMZOE1AUenvGSkUz86XK0WWEjBxd_aNUX9SNHSBkswMwwMd-erVRvkvC8nTnyWoWabXYHn5bXusjqXZ2HPUL6lUheQei6AhEmeM_yCm51y5D8MEn8WOxR3Oqc/s1600/Newsletter-5.png)no-repeat scroll center center transparent;
    height: 299px;
    width: 408px;
}
form#LS-Newsletter4-Form {
    display: block;
    margin: 0;
    padding-left: 71px;
    padding-top: 63px;
}
form#LS-Newsletter4-Form #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 28px;
    margin-top: 37px;
    vertical-align: top;
    width: 275px;
    outline:0px;
    position: relative;
    left: -25px;
}
form#LS-Newsletter4-Form #d {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 28px;
    margin-top: 38px;
    vertical-align: top;
    width: 275px;
    outline:0px;
    position: relative;
    left: -25px;
}
form#LS-Newsletter4-Form #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 43px;
    position: relative;
    left: -36px;
    top: 25px;
    width: 144px;
    border-radius: 5px;
}

</style>
<div id="LS-Newsletter4-Box">
    <form id="LS-Newsletter4-Form" action="https://feedburner.google.com/fb/a/mailverify?uri=MyFeedAddress" method="post">
        <input id="d" name="name" value="Enter Your Name"
        onfocus='if (this.value == "Enter Your Name") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your Name";}'/>
        <input type="email" id="s" name="email" value="Enter Your E-Mail"
        onfocus='if (this.value == "Enter Your E-Mail") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail";}'/>
        <input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVhenZ8LD2PfH6hE2WYNrO-fN9nsvohOCml0eWhdBCcdQS8cwrxva620h_8omA-vEWiS830oEz9_2gc3wQKKLShkEDRyJjfRvV2CK-D-CM169Dgy4_v4OJPnkjT29Im9Ej6dj5zvrg8k/s1600/blank.gif" id="sbutton"/>
    </form>
</div>

<!-- Copy End Here -->

Customize:

You need to change Feed burner address from MyFeedAddress to Your own address as My is MyBloggingTricks.

Read More