Add Subcribe Box in AMP Blogger

Frist Learn

Add before tag /head

<script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'></script>

HTML

<div id='subscribeBOX'>
<div class='emailCol'>
<form action='https://feedburner.google.com/fb/a/mailverify?' method='get' novalidate='' target='_blank'>
<input name='email' placeholder='Your Email' required='required' type='email'/>
<input name='uri' type='hidden' value='MinhQuyDesign'/>
<input class='Submitter' type='submit' value='Subscribe'/>
</form>
</div> </div>

Replace Feednumber Id MinhQuyDesign for me

CSS

Add css after tag <style amp-custom='amp-custom'>

/* Subscribe Box */
#subscribeBOX{overflow:hidden;margin:20px 0;width:100%}
#subscribeBOX p{margin:1em 0}
#subscribeBOX .emailCol{margin:auto;text-align:center}
#subscribeBOX .emailCol form{margin:0;padding:0;border:0}
#subscribeBOX .emailCol input{background:rgba(255,255,255,1);padding:9px 12px;color:#999;font-size:14px;margin-bottom:0;border:1px solid rgba(0,0,0,0.14);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;width:73%}
#subscribeBOX .emailCol input:hover{border-color:rgba(0,0,0,.34)}
#subscribeBOX .emailCol input:focus{color:#000;outline:none;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#subscribeBOX .emailCol .Submitter{background:#e74c3c;color:#fff;margin:0 0 0 4px;font-size:14px;cursor:pointer;border:0 solid rgba(0,0,0,0.05);border-radius:3px;transition:all .3s;width:25%}
#subscribeBOX .emailCol .Submitter:active,#subscribeBOX .emailCol .Submitter:hover{background:#c0392b;color:#fff}

Good luck