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 == "item" and data:blog.isMobileRequest == "false"'> <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