How to add Email subscription widget for blogger

1) Login to Blogger account

2) Go to Layout

3) Go to Add gadget

4) Go to HTML/Javascript

5) Copy the below code and paste it inside the content box and save it

<style type='text/css'>#sidebar-subscribe-box {

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5VoF7MDDb0TEs2nlK4vC24Mvyb2zq6OC6h6ogWYCrpNOuIKfXSeRtR8Y4umk5xm3XmE-h14KmIt8Ol2pPitc_E97AkalA-w7lihaxOrmX1Mlu4Yl63SsHky08s3KxNCI4UgwKhyphenhyphenI7tug/s1600/colored-strip.png) repeat scroll 0 0 transparent;

    border: 1px solid #aaa;

    border-radius: 3px;

    padding: 3px 0;

}

.sidebar-subscribe-box-wrapper {

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi76K9phmiS_AdGTwSuvjn2DwY07ELolxPukIwdK7bdGCb3N8yWNwKEHsQWWGAZDpHfyLi-6OR1pJbBtXODiXHgkM1L2Qyx3-SrPqj5CEJV4JFfD1lZ2L0xSYj9wCOqS8xSHtsbK559DOX5/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;

    color: #111;

    font-size: 14px;

    line-height: 20px;

    padding: 1px 20px 10px;

    text-align: center;

    text-transform: uppercase;

}

.sidebar-subscribe-box-form {

    clear: both;

    display: block;

    margin: 10px 0;

}

form.sidebar-subscribe-box-form {

    clear: both;

    display: block;

    margin: 10px 0 0;

    width: auto;

}

.sidebar-subscribe-box-email-field {

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDYLL6PyY-yLA574h1dv76kTvuy1HGcV_vBFqXbZOgg8Uv3o89PICquwshTRKtwIiJZxJoZHavf3oerRvZctfpoYa_N4inzhCrL8gUbNpb3ZQtHlz9htdQN7jAhSVW7x2cL644dQu5PChi/s1600/sprites.png) no-repeat 0 -27px;

    border: 1px solid #ccc;

    border-radius: 4px;

    color: #444;

    margin: 0 0 15px;

    padding: 10px 40px;

    width: 68%;

}

.sidebar-subscribe-box-email-button {

    background: #09f;

    border: 1px solid #007fff;

    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;

    color: #fff;

    cursor: pointer;

    font-family: verdana;

    font-weight: 700;

    padding: 10px;

    text-shadow: 1px 1px 0 rgba(0,0,0,.4);

    text-transform: uppercase;

    width: 100%;

}

.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus {

    background: #1ca4ff;

}

.sidebar-subscribe-box-email-button:active {

    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;

    box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;

    outline: 0;

}

iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table {

    width: 100%;

}

embed {

    border-radius: 3px;

    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);

    background: #FFF;

    border: 1px solid #ddd;

    box-shadow: 0 2px 4px rgba(0,0,0,0.2);

    margin: 0;

    padding: 4px 4px 4px;

}

#footer-section {

    background: #f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9WQKd7khOccRnuRVyEAYmmRqR5YWjflIB2_IvvVAJzoh0Rb7hgC31qNocxuVyg-H4ZDMMFptS5v14eiBPCxlvdrtGvei98bW4SwXI0SsEVbGtqFfDrdwIPkgjUpuN-G5LW_CH4Y3e3uhg/s0/bg-pattern.png) repeat top left;

    border-top: 1px solid #aaa;

    box-shadow: inset 0 4px 6px -3px #aaa;

    font-family: cambria;

    font-size: 14px;

    height: 100px;

    margin: 10px -30px 5px;

    padding: 0 30px;

    text-align: center;

    width: 100%;

}</style>

<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email newsletter & receive updates right in your inbox.

</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=naukrituts"

class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=naukrituts',

'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input name="uri" type="hidden" value="naukrituts" /><input name="loc" type="hidden" value="en_US" />

<input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/>

<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now!" /></form></div></div></div>

Customization: Please change the highlighted colour text with your feed burner URL and save it.