.meta-info {
background: red;
font-family: 'Century Gothic', sans-serif;
padding: 5px;
margin: 10px 0 0;
}
.meta-info .title {background: #AB8C61; color: #fff; padding: 3px;} // CSS của tiêu đề
.meta-info .comments {background: #999; color: #fff; padding: 3px;} // CSS của dòng comment
.meta-info .comments a {color: white; text-decoration: underline;}
.meta-info .labels {background: #AB8C61; color: #fff; padding: 3px;} // CSS của dòng nhãn
.meta-info .labels a {color: white;}
.meta-info .date {background: #999; color: #fff; padding: 3px;} // CSS của ngày đăng bài viết

<b:widget id='Blog99' locked='false' title='Blog Meta' type='Blog'>

<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</b:if>
</b:includable>

<b:includable id='post' var='post'>
<div class='meta-info'>
<div class='title'><b>Ban đang đọc bài:</b> "<b><data:post.title/>"</b>.</div>
<div class='comments'>
<b>Số bài nhận xét </b>: <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/> <data:top.commentLabelPlural/>
</a>
</div>
<div class='labels'>
<b:if cond='data:post.labels'>
<b><data:postLabelsLabel/></b>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</div>
<div class='date'>
<b>Ngày đăng</b>: <data:post.dateHeader/>.
</div>
</div>
</b:includable>

</b:widget>