Chào các bạn, ở ngay cuối bài viết trước mình đã nói mình sẻ làm một jQuery tăng chất lượng ảnh áp dụng từ bài viết lấy ảnh từ đại diện chất lượng SD từ video của Youtube, và hôm nay mình chia sẻ với các bạn. Thực chất jQuery này cũng tương tự với jQuery tại bài viết tăng kích thước thumbnail không giảm chất lượng ảnh cho Blogger, và chắc chắn rằng với những bạn muốn blog của mình có ảnh đại diện lớn và tốc độ tối ưu thì việc sử dụng cả 2 đoạn jQuery này chung với Auto-Readmore không dùng JavaScript, thì không có gì có thể hoàn hảo hơn nữa.
Tăng chất lượng ảnh thumbnail của Youtube bằng jQuery cho Blogger
Rất tương tự với cách thức làm ở bài viết tăng chất lượng ảnh thumbnail, đầu tiên bạn tìm đến thể <script type='text/javascript'>
function changeYThumbSize(id){
var c = document.getElementById(id),
d = c.getElementsByTagName("img");
for (var a = 0; a < d.length; a++) {
d[a].src = d[a].src.replace("default.jpg", "sddefault.jpg");
}
}
changeYThumbSize("Blog1");
</script>
Ở đoan jQuery trên, Blog1 là id của thẻ chứa toàn bộ bài viết, bạn có thể thay đổi thành id của thẻ nào đó khác mà bạn muốn, ví dụ PopularPosts1 là id của bài đăng phổ biến. Còn 150 là kích thước tính theo px, bạn có thể tùy chỉnh sao cho phù hợp với blog của mình.
Như bạn đã thấy chỉ với jQuery nho nhỏ bạn có thể làm blog của mình trong sinh động và tuyệt vời hơn rất nhiều mà lại không ảnh hưởng nhiều đến tốc độ trang, đối với nhiều bạn Blogger là một nền tảng ít chức năng và khó sử dụng, nhưng mình nghĩ chính vì thế nó lại giúp chúng ta học hỏi và sáng tạo thêm nhiều cái mới cho nó. Mọi thắc mắc có thể để lại ở nhận xét phía dưới. Cám ơn các bạn đã theo dõi!
0 nhận xét:
Đăng nhận xét