name genre release date
The Shawshank Redemption Crime, Drama 14 October 1994
The Shawshank Redemption Crime, Drama 14 October 1994
The Shawshank Redemption Crime, Drama 14 October 1994
default label primary label

<button class="btn">
  Submit
</button>

Panels

Panels are flexible view container with auto-expand content section.

Bruce Banner
THE HULK
E-mail
bruce.banner@hulk.com
Skype
bruce.banner
Location
Dayton, Ohio
Comments

Thor Odinson

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

Bruce Banner

The Strategic Homeland Intervention, Enforcement, and Logistics Division...

Tony Stark

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

Steve Rogers

The Strategic Homeland Intervention, Enforcement, and Logistics Division...

Natasha Romanoff

Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...

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

Disqus Comment

Show Disqus