Hướng dẫn thay đổi Avatar mặc định trong bình luận Blogger

Mặc định, Blogger sử dụng ảnh đại diện cho hệ thống của mình bằng một hình tượng trưng có chữ B. Tuy nhiên, một số bạn không thích vì nó hơi thô, không hợp với website, và chỉ muốn thay một bức ảnh nào đó đẹp hơn góp phần làm cho hệ thống bình luận sinh động và bắt mắt hơn.

Thủ thuật này cũng đơn giản vì mình chỉ dùng CSS, nó rất nhẹ và không làm chậm trang web của bạn nên cứ yên tâm mà sử dụng.

Bạn hãy thêm đoạn mã CSS vào bên trong thẻ <style> là xong ngay

.comments .avatar-image-container img[src="//img1.blogblog.com/img/blank.gif"]{content:url(//lh6.googleusercontent.com/-mfG6jiaUkC4/WQ7Vh42_0GI/AAAAAAAAAM4/2CF387Kkusc3XfMrizQZyYjDmGAJMJylwCLcB/s1600/avatar-allfreevn.png)!important}
.comments .avatar-image-container img[src="//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35"]{content:url(//lh6.googleusercontent.com/-mfG6jiaUkC4/WQ7Vh42_0GI/AAAAAAAAAM4/2CF387Kkusc3XfMrizQZyYjDmGAJMJylwCLcB/s1600/avatar-allfreevn.png)!important}

Đây là hình ảnh Avatar trước lúc thay, nó sẽ hiện hình chữ B mặc định như thế này

Và đây là hình sau khi thay

Hoặc bạn có thể thay Avatar mặc định bằng đoạn JavaScript này, hãy chép nó vào trước thẻ </body>

<script type='text/javascript'>
//<![CDATA[

var oldAvatar = '//img1.blogblog.com/img/blank.gif';
var newAvatar = 'https://lh6.googleusercontent.com/-mfG6jiaUkC4/WQ7Vh42_0GI/AAAAAAAAAM4/2CF387Kkusc3XfMrizQZyYjDmGAJMJylwCLcB/s1600/avatar-allfreevn.png';
$('img[src="' + oldAvatar + '"]').attr('src', newAvatar);

//]]>
</script>

Trông thật sinh động phải không nào, thế thì bạn còn ngần ngại gì mà không thay cho mình một Avatar đẹp và chất cho trang web của bạn nữa chứ.
Chúc bạn thành công.