Add Email Subscribe Box 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