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

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.

9 lượt xem | 2 Bình luận
Hiện tại tác giả vẫn chưa cập nhật chia sẻ của mình
  1. iHayVn

    Chắc có lẽ code hơi cũ rồi bạn, mình làm cách đây 4 năm về trước rồi, giờ blogger đã cập nhật mới rồi, bạn chịu khó tìm code mới giúp mình nhé.

Bình luận gần đây

https://allfreevn.com
bùi thủy 4 ngày trước
sao giờ em không tải ảnh nhỏ được ạ...
https://allfreevn.com
Phuongnguyen 2 tháng trước
Rất tuyệt...
https://allfreevn.com
dfafa 2 tháng trước
rất tốt...
https://allfreevn.com
mina 2 tháng trước
rất tốt....
https://allfreevn.com
Kim Yến 3 tháng trước
Cảm ơn bạn đã chia sẻ...
https://allfreevn.com
Kim Yến 3 tháng trước
HAy lắm bạn ơi...
https://allfreevn.com
Kim Yến 4 tháng trước
hay quá bạn ơ...
https://allfreevn.com
Kim Yến 4 tháng trước
Cảm ơn bạn đã chia sẻ nhé...
https://allfreevn.com
Kim Yến 5 tháng trước
Cảm ơn bạn rất nhiều...
https://allfreevn.com
Akuna 8 tháng trước
ủa, không down được, yêu cầu quyền truy cập là sao ta? Share file mà không để public. Kì ta...