1. Vào Cài đặt> Nhận xét và kích hoạt "Hiển thị hình ảnh hồ sơ trên nhận xét"
2. Nếu bạn Template bình thường, sau khi kích hoạt tính năng trên bạn sẽ thấy những Comment avatar xuất hiện trên blog của bạn.
3. Nếu bạn dùng Template tùy biến, bạn sẽ cần thêm một số đoạn Code với template đó.
Đầu tiên vào Thiết kế> Chỉnh sửa HTML và sao lưu mẫu.
Sau đó đánh dấu vào
Tìm đoạn code sau (1):
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Nếu không tìm thấy nó thì hãy tìm đoạn code:
<dl id='comments-block'>
rồi thay bằng đoạn code (1)
Tiếp theo tìm và thay thế tất cả các đoạn code
<a expr:name='data:comment.anchorName'/>
Bằng đoạn code sau:
<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>
Nếu bạn muốn thêm một avatar mặc định cho những người không có bức ảnh profile, sau đó đặt mã CSS dưới đây ngay trên dòng code: ]]></b:skin>
.avatar-image-container { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkuI7KJ-z7A_FvWbnypk_RWKJPzkk-LueJkDqeiSns0ka28UVTD9ri2ztzcICEBWOeq0Ywk0Wuyv9qhah8wXKF5bxOvml24zR3yHWER-u-vi6hwrfiPEhsF8Vb9LoEOF1NPsEz6guoAw/s400/default.gif); width:35px;height:35px; } .avatar-image-container img {border:none;}
Bạn có thể tùy chỉnh CSS theo ý của bạn. Nếu bạn cần avatar lớn hơn, hãy sử dụng CSS dưới đây.
.avatar-image-container{width:50px;height:50px;margin-top:-5px;} .avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOquhzUwA3uBobT3SpQI8mjHdi3M0E-JF_cjNSeLZd9dMSni0zOgqc6XMaZrdyW6Tfy47m0cLkwsBx0gALeMraahb2Hgc2s0x9AuUhWB4wk-EQHacJF_JSBtmTxAr3ExVoCasntkXZmg/s400/grav.png);width:50px;height:50px;}
Chúc các bạn có được những Comments avatars như ý!
www.netdohoa.com
0 nhận xét:
Đăng nhận xét