Thêm hình đại diện(avatar) cho comment của Blogger/Blogspot

Đang trong quá trình hoàn thiện Template và gặp phải vấn đề này, Template của mình không hiển thị hình đại diện (Avatar). Với những Template muốn có hình đại diện bạn làm như sau:

1. Đăng nhập Bảng điều khiển >> Chọn Thiết kế >> Chỉnh sửa HTML >> Đánh dấu vào ô Mở rộng Mẫu tiện ích

2. Thêm CSS : Tìm ]]></b:skin> và thêm trước nó đoạn mã:

.avatar-image-container { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbTbpqZtH64KSdD9q5hRxoRS_jmGPAPLsZH48pJEhFxnxMr56OSq4dO-pCgO4ymsq6Fg3NGi2uRzImWAUn3hH25-i5nVagh6suoyY8V3PW5dC8WFg1lmtPnEIiX5y-OR-q-u-7ppYkUk/); width:35px; height:35px; } .avatar-image-container img { border:none;}

3. Tìm tiếp (Bấm Ctrl + F tìm cho nhanh :D):

<dl id='comments-block'>

và thay nó bằng đoạn:

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

4. Thay thế đoạn mã:

<a expr:name='data:comment.anchorName'/>

bằng đoạn mã này:

<b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </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>

5. Lưu Template

Chúc các bạn thành công !

Xem thêm: Cách thêm nút Reply đẹp cho Comment của Blogger