Header Ads

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.

1 nhận xét:

» Sử dụng tài khoản Google của bạn để bình luận.
» Không spam link, nếu spam sẽ bị chặn và nhận xét của bạn sẽ không được hiển thị.
» Khi đăng nhập xong, bạn nhấn vào chữ Thông báo cho tôi để nhận phản hồi.

Được tạo bởi Blogger.