Hiện thị tên tác giả, thời gian, nhãn, số bình luận bằng icon dưới tiêu đề bài viết

Blogger cũng đã cung cấp sẵn tính năng này cho bạn nhưng nó còn đơn giản, trông không chuyên nghiệp lại còn ở dưới chân bài viết nữa chứ. Bài này mình sẽ giúp các bạn hiện thị một số thông tin liên quan tới bài viết bằng icon nằm ngay dưới tiêu đề bài viết.

#Cách thực hiện

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm thẻ sau <div class='post-header'>
4. Dán code dưới vào dưới thẻ vừa tìm

 <div style="margin: 5px 0; border-bottom: 1px solid #F2F2F2;padding: 5px;"><font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSScDHhvLAfnVuZf8v5qsAL3UYCAjaHVVV9HziSRJVznc7hi5oWXBMz5buG7tkXMfIAHb3Svw7k2WecFRXcArqfosmAabofuLbOgBF1tWhvbK-CDGoZrAwW6jgzewp4xGXyI2jm0fvu05M/s1600/author.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixDt6eGjwkT_J3Q3fQCCMgCPamhPcv64lmfOCB0iydSrUatqADt07brQ2K26FQ1gk8KL2CpLDNuJrHUM2GhdGKTzJkZwqgv2SQTvKetSvjYXJ8sYXey_tPSvuW6zAdLLddd61VTYEyGDCE/s1600/clock.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjxWmYmz9A6Pys0kRPWaJFlS-ngRBFLGrXVsLe2DbU2HZDg56j_e5RSSDPrgrlW3P8r9VrmM28wi6R0dGWRmNlCy9wwx61NIyIPqCsvlsrfr05lmMEmg9O4N1IaiMv9O1vu5UO3OvqQLmL/s1600/tag.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
    <span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWL-rHMcSp20hjt-RdBpyto4hFqGnBS-VrGoxLHoFMZPdGYFWHIpZalz9nVWQ65sm6vF8RIZt7oJP3Jyspyvr5EfK6Ht0hH4-3F0kEKcgyJX9qX8JKpM7rZKi1HHFrm_VlPv8Ujl1H6JV/s1600/comment.png) no-repeat;padding-left:20px;font-size:11px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
    </span></div>

5. Save và xem kết quả.