Hướng dẫn thay đổi Avatar mặc định trong bình luận Blogger
Minh Khang 7 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.

267 lượt xem | 0 Bình luận
Tôi là Minh Khang là một tác giả trên web allfreevn.com. Tôi chuyên viết bài viết trong lĩnh vực Công nghệ thông tin và game. Tôi là một chuyên gia có kinh nghiệm và đam mê trong lĩnh vực này, với kiến thức sâu và khả năng áp dụng linh hoạt, tôi đã viết nhiều bài viết chất lượng về các khía cạnh khác nhau của công nghệ thông tin như thủ thuật, hướng dẫn cách làm thế nào... Cám ơn các bạn xem bài viết của tôi.

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