Tạo khung tác giả Author cho Blogspot

chèn CSS vào trước thẻ </head>

.author-box{background:#F8F8F8;margin-top:8px;overflow:hidden;border:1px solid #eee;border-bottom:3px solid #37B8EB;box-shadow:0 1px 3px 0 #B5B5B5}
.avatar-author{float:left;margin-right:3px;border:1px solid #FFF;padding:5px}
.info-author{width:100%}
.info-author h2{font-size:18px;margin:0!important;color:#333}
.author-social{margin-top:5px}
.author-social a{opacity:.7;margin-left:2px}
.author-social a:hover{opacity:1}
.author-social a img{width:25px}

Chèn html vào nơi muốn hiển thị và sửa lại thông code cho phù hợp

<!-- Author box -->
<div class='author'>
    <div id='authorbox-reb'>
        <div class='authorbox'>
            <div class='authorbox img'><img expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' expr:title='data:post.author' /></div>
            <div class='author-info'><a href='https://www.facebook.com/ThinhNguyen141' rel='author'><i class='fa fa-user' style='color:#3498db;font-size:16px;margin:0 0 0 3px' title='user'/><data:post.author/></a><i class='fa fa-check-circle' style='color:#3498db;font-size:16px;margin:0 0 0 3px' title='Verified Author' />
                <p class='author-about'> Trình bầy tâm tư nguyện vọng cùng chí hướng nhưng ngắn gọn thôi dài quá ko đủ chỗ<i class="fa fa-smile-o" aria-hidden="true" style='color:#B3B300' /><i class="fa fa-smile-o" aria-hidden="true" style='color:#B3B300' /><i class="fa fa-smile-o" aria-hidden="true" style='color:#B3B300' /></p>
            </div>
            <div id='authorsn'>
                <p class='author-me'> Connect To Me</p>
                <p><a class='facebooksn authorsn' href='https://www.facebook.com/ThinhNguyen141' /><a class='twittersn authorsn' href='https://www.facebook.com/ThinhNguyen141' /><a class='googleplussn authorsn' href='https://plus.google.com/+ThinhNguyen141' /></p>
            </div>
        </div>
    </div>
</div>
<div style='clear:both' />
<!--End Author box -->