How To Add Email Subscription Widget To Blogger

Sign Up Form

<div class="hbzsub">
<div class='hbzsignup-form'>
<div class='hbzform-inner'>
<h4>Get Posts In Your Inbox</h4>
</div>
<div class='hbzemailform'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=[Your Blog uri]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>  <input name='uri' type='hidden' value='[Your Blog uri]'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter Your Email Here...'/> 
<input id='hbzemailbutton' title='' type='submit' value='Subscribe'/> </form>
</div>
</div>
<table class='hbzsocial-like'>
<tbody>
<tr>
<td class='hbzfb-likes'>
<div id="fb-root">
</div>


<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs); 
}
(document, 'script', 'facebook-jssdk')); 
</script>
 

<div class="fb-like" data-href="[Fb url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">
</div>
</td>
<td class='hbztw-follow'>
<a href="[Twitter url]" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">
Follow @[Twitter Username]
</a>


<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
</td>
</tr>
</tbody>
</table>
</div>