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 meCSS
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
Disqus Comment
Show Disqus