Thay thế Comment Avatar mặc định của Blogger bằng Avatar tùy chỉnh

Replace Default Blogger Comment Avatar with Customized Avatar

Khi độc giả bình luận trên website của bạn bằng tài khoản ẩn danh (anonymous) hay tài khoản Blogger mặc định (vẫn để avatar mặc định của Blogger) thì chúng ta có thể dễ dàng nhận thấy là các avatar mặc định rất chi là xấu và có thể bị vỡ điểm ảnh do kích thước của chúng khá bé.

Nếu vẫn để như thế thì không đẹp chút nào phải không nào? Vậy làm sao để thay thế các avatar mặc định đó bằng những hình ảnh do chính chúng ta lựa chọn. Hãy làm theo thủ thuật dưới đây để thực hiện điều đó nhé.

Cách thực hiện

1Vào Mẫu >> Chỉnh sửa HTML và dán đoạn script bên dưới vào trước thẻ </body>

<script type='text/javascript'>
//<![CDATA[
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
    $(this).show().attr('src', ava.replace("https://img1.blogblog.com/img/anon36.png","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp166D3vtpeLnDahzSNcvCIO3ZHVH9ND3Yy40sJfIenYmvMwSDIU4F8tSrhZnOB8wnC8WDci-HrN4wEDD8Ss_ux-VU_dA2KdeaAxiMk2_oMR68tQvW9YenMt2Ze8xtiszGacI22DPsq9ZO/s1600/anonymous.png"));
        $(this).show().attr('src', ava.replace("https://img2.blogblog.com/img/b16-rounded.gif","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDxTzGnuC07jKqZrqA4V8CLcnT4oVxCpNiQHemxQt5W9kcDQi0l-rdZ2lnnq7eLkQu0YdH1Kyn2Uvk6Oinq6S1nBdRfK97GF9qm1Cip3a35uBILY1Kcm3dN6SAYULaWDCrXYnGf09JC0Y/s1600/blogger.png"));
});      
    //]]>
</script>

Chỉnh sửa: Bạn hoàn toàn có thể thay thế bằng các avatar khác mà bạn thích bằng cách thay thế các link hình ảnh trong đoạn code trên.

Note: Nếu không thay được bạn hãy thử thay 2 link https ở trên thành http nhé.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm