Add Author Box in AMP Blogger

<div class='author-box-bottom-wrap'>
<div class='author-box-bottom'>
<amp-img expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='50px' layout='responsive' width='50px'/></div>
<div class='author-box'>
  <b>Author   :</b> <data:post.author/><br/>
  <b>Post by    :</b> <a expr:href='data:post.url'><data:post.title/></a><br/>
  <b>Bio     :</b> My bio.<br/></div>
  </div>

Đề xuất nên đặt trong đoạn này

<div class='post-footer'>
 <div class='post-footer-line post-footer-line-1'>

CSS

/* css author box */
.author-box-bottom-wrap{ font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif; margin:10px 1px;padding:10px; background-color:#fff2cb;height:100%}
.author-box-bottom{width:20%;float:left}
.author-box{width:80%}

Author Box 2

<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;false&quot;'>
<section class='about-author'>
 <b:if cond='data:post.authorAboutMe'>
  <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
   <b:if cond='data:post.authorPhoto.url'>
    <amp-img alt='author photo' expr:src='resizeImage(data:post.authorPhoto.url,120)' height='120' layout='fixed' title='Author Photo' width='120'/>
   </b:if>
   <div class='about-description'>
    <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
     <span itemprop='name'>
      <h5>
       <data:post.author/>
      </h5>
     </span>
    </a>
    <span itemprop='description'>
     <data:post.authorAboutMe/>
    </span>
   </div>
  </div>
 </b:if>
</section>
</b:if>