Sửa lỗi ảnh Thumbail bị mờ trong blogspot
Đôi khi các bạn thêm một tiện ích, một thủ thuật blogspot trên mạng như bài viết liên quan hoặc tiện ích bài viết mới theo nhãn thấy hiện tượng ảnh mờ và bị co về kích thước 72x72px làm cho độc giả khó nhìn và xấu blog của bạn.
Để khắc phục vấn đề này nhằm làm tăng chất lượng hình ảnh Thumbail , áp dụng cho cả những tiện ích như Silder bloglist, Readmore không dùng Javascripts, Popularposst,.... thì làm như sau:
Đăng nhập blog => Mẫu => Chỉnh sửa HTML => chèn đoạn code sau trong thẻ body dạng như sau:
BlogList1 là Id của tiện ích bạn muốn thay đổi kích thước ảnh thumbnail. bạn có thể thay đổi bằng Id tiện ích khác ví dụ bài viết liên quan có id là #baivietlienquan thì sẽ thay là baivietlienquan. Bài đăng phổ biến là Popularpost1.
120 là kích thước của ảnh thumbnail. Ở đây chiều rộng và chiều cao bằng nhau và cùng bằng 120x120 px.
Sưu tầm từ Blog Namkna - Chúc các bạn thành công.
Demo lỗi ảnh Thumbail bị mờ trong blogspot |
Đăng nhập blog => Mẫu => Chỉnh sửa HTML => chèn đoạn code sau trong thẻ body dạng như sau:
<body> chèn code </body>
Mã code:<script type='text/javascript'>
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i<thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("BlogList1",120);
</script>
Trong đó:BlogList1 là Id của tiện ích bạn muốn thay đổi kích thước ảnh thumbnail. bạn có thể thay đổi bằng Id tiện ích khác ví dụ bài viết liên quan có id là #baivietlienquan thì sẽ thay là baivietlienquan. Bài đăng phổ biến là Popularpost1.
120 là kích thước của ảnh thumbnail. Ở đây chiều rộng và chiều cao bằng nhau và cùng bằng 120x120 px.
Sưu tầm từ Blog Namkna - Chúc các bạn thành công.
Thể Loại
Premium Blogspot
Thủ thuật Blogspot
Tin tức
Bình luận và Góp ý
Cảm ơn đã đọc bài viết!
» Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục
» Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc
Gửi thư
» Hãy viết bằng tiếng Việt có dấu để mọi người có thể đọc hiểu!
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
Tại đây
Cảm ơn bạn đã để lại nhận xét!