Tại sao nhận xét không hiện Avatar?

Như chúng ta biết thì Blogger đã có chức năng hiển thị ảnh Avatar cho người nhận xét trên blogspot. Gần đây các Template của Blogger đều tích hợp sẵn chức năng này kể cả tạo Avatar mặc định cho phần nhận xét của người nhận xét là nặc danh (Anonymous). Tuy nhiên, nếu bạn dùng các Template cũ trước đây thì để có được tính năng này thì bạn phải sử dụng thủ thuật sau đây.

Bước 1. Đăng nhập Blogger, vào Settings (Cài đặt) >> Comments (Nhận xét) >> Chọn Show Comments và ở mục Show profile images on comments? chọn Yes và nhấn SAVE SETTINGS để lưu cài đặt.

Bước 2. Vào Design >> Edit HTML >> Chọn Expand Widget Templates.

Đặt đoạn code CSS sau đây trước dòng ]]></b:skin>.

.avatar-image-container {
background:url(http://img6.imageshack.us/img6/4889/anonymoush.jpg);
width:35px;
height:35px;
}
.avatar-image-container img { border:none;}

Bước 3. Tìm dòng <dl id='comments-block'>

Và thay nó bằng dòng

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Tiếp tục tìm đến dòng <a expr:name='data:comment.anchorName'/>

Và thay nó bằng đoạn code bên dưới.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Lưu Template và kiểm tra ở các nhận xét trên blog của bạn đã hiện Avatar cho người nhận xét hay chưa.

Tôi chắc chắn rằng đa số blogspot sau khi áp dụng thủ thuật này đều cho kết quả OK. Tuy nhiên sẽ có một vài blogspot hy hữu sẽ không hiển thị Avatar. Nguyên do là sao vậy? Tôi cho rằng trước đây chưa có ai lý giải được điều này. Nhưng khi bạn Gấu Nâu tại trang gaunau.info nhờ tôi xử lý vấn đề không hiện Avatar cho blog của bạn ấy thì tôi mới phát hiện ra nguyên nhân, mặc dù bạn ấy đã áp dụng đúng như các bước nêu trên.

Nguyên nhân cơ bản đó là trong Template của bạn Gấu Nâu ở phần CSS chưa có định dạng cho id: comments-block. Để khắc phục vấn đề không hiện Avatar, bạn chỉ cần đặt trước dòng ]]></b:skin> với dòng code bên dưới.

#comments-block{ margin:0 0 1px;line-height:14px}

Tôi đảm bảo sau khi áp dụng cái này, bạn Gấu Nâu sẽ cảm thấy hài lòng với sự giúp đỡ của tôi. Và có thể bạn sẽ không tìm thấy ở đâu trên trái đất này có sự giúp đỡ quá tuyệt vời như thế.

Và các bạn khác, nếu cũng gặp trường hợp tương tự thì hãy xử lý theo cách của tôi nhé. :2)