Tạo khung Lời giới thiệu của tác giả dưới cuối bài đăng cho blogger

Author box đẹp chèn bên dưới bài đăng

Tại sao nên tạo box chèn lời giới thiệu cuối mỗi bài đăng 

hình ảnh và lời giới thiệu của tác giả

» Cách tạo khung author box đơn giản cho blogspot.

/* Author box by tqd.96.lt */
#post-footer-author {
width: 90%;
height: 67px; 
background: #e6e6e6; 
border:3px solid #b3b3b3;
margin: 8px 0px 8px 0px; 
font-family: Arial,Verdana; 
}
#author-img { /*  Tùy chỉnh avatar */
width: 54px; 
height: 54px; 
background: #fff; 
float: left;
margin: 7px; 
}
#author-box {
padding-right: 5px;
margin: 0px;
}
#author-box p{ / * Tùy chỉnh phần mô tả * /
font-size: 12px; 
padding: 10px; 
margin: 0;
text-align: justify;
text-transform: normal;
color: #666666;
}
#author-box a{ / * Tùy chỉnh link * /
color: #000fcc; 
text-decoration:none;
}
#autor-box a:hover { 
color:#7780ee; 
text-decoration:underline; 
}

<!--Author box by PhucNguyenIT-->
<div id='post-footer-author'>
<div id='author-img'>
<img src='URL avatar của bạn' style='width: 50px;height: 50px; border: 2px solid #b3b3b3; padding: 0; margin: 0;'/>
</div>
<div id='author-box'>
<p>
Nội dung phần mô tả
</p>
</div>
<!--/Author box by phucnguyenit-->
</div>

<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>

<img src='URL avatar của bạn' style='width: 50px;height: 50px; border: 2px solid #b3b3b3; padding: 0; margin: 0;'/>

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>