Bạn có thể nhìn thấy điều này ở phần nhận xét, bình luận trên blog của tôi. Bạn cũng có thể làm điều đó thật dễ dàng cho blogspot của mình. Hãy thực hiện theo các bước sau đây để tạo sự khác biệt giữa phần nhận xét của bạn và phần nhận xét của người đọc.
Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Template.
Đặt đoạn code sau đây vào trước dòng ]]></b:skin>.
.owner-body {
background: #E6E6E6;
border:1px dotted #223344;
color: #000;
margin: 0;
padding: 0 0 0 20px;
}
background: #E6E6E6;
border:1px dotted #223344;
color: #000;
margin: 0;
padding: 0 0 0 20px;
}
Bạn có thể sử dụng công cụ chuyển đổi mã màu để thay đổi màu nền tại tham số background: #E6E6E6;.
Bước 2. Tìm dòng <dd class='comment-body'> và đặt trước nó với đoạn code sau đây.
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='owner-body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Tiếp theo, đặt thẻ </b:if> trước dòng <dd class='comment-footer'>.
Lưu Template là OK.
{ 0 comments... read them below or add one }
Post a Comment