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 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>

Disqus Comment

Show Disqus