Tùy chỉnh biểu tượng Tác Giả,Ngày Đăng,Tag(nhãn)

Bài viết này hướng dẫn cách tùy chỉnh các biểu tượng tác giả, ngày giờ đăng bài ,tag và đưa các biểu tượng này xuất hiện ở ngay dưới tiêu đề bài đăng cho blog của bạn. Bạn hãy làm theo hướng dẫn bên dưới nha!

Demo

Cách thay đổi biểu tượng Tác Giả - Ngày Giờ Đăng Bài - Tag (nhãn)

1. Vào blogger > Mẫu > Chỉnh sửa HTML
2. Chọn  mở rộng mẫu Tiện ích
3. Tìm code <div class='post-header-line-1'> và chèn sau nó đoạn code bên dưới

<font style='background:transparent url(https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdN1b7j9d0gaqZG5yqCItoYPEGOTx7sDEsR5JDZ94SerWPv1lZlMxI6wdwQP0VpEZ1X8u4iAis5WDVtLP29b2Fb4Sjrn-wUY3v2o8f0i0YPwUV5jL3N1aU0d7GigYouNiXBKDefwDHjcsc/h120/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/AVvXsEjg2vAle3p_DNjyhHyJJDapL_crIr2_1EZnDanPdThjKGVU0K1LIPS_SfyYKYxS0NKGagTWU3CP6nZRbphLORrnYW950h6sf2-34Rhr7PrWiFTYpB6wQGB2q286OYbPjdGPtZI5vjTKZ3ms/h120/calendar.gif) 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/AVvXsEjC8Zcj3fcYx_qp-Noki-m1bW6Dj7zW0JYrYiltvNw5kNZiBgH2Uo_9oK-hUKzQZeTdfqQJkaV6ftSjJSd7ZK2sBkL0MrPLpbl8zsPurg-3Pq3uV1zkgp8tkHOpJ-oFn76wciB-lrlgBmyg/h120/icon_tags.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>

• Chữ màu đỏ là biểu tượng của tác giả
• Chữ màu xanh là biểu tượng của ngày tháng đăng bài
• Chữ màu vàng là biểu tượng của tag(nhãn)

Hi vọng bài viết sẽ giúp được bạn. Chúc may mắn!