Thay đổi kích thước thumbnail blogspot không cần Javascript
Bài viết này mình sẽ hướng dẫn anh em thay đổi kích thước hình ảnh thumbnail của blogspot mặc định theo ý muốn
Công thức
resizeImage(url, size, ratio);
Ví dụ trong widget Bài đăng phổ biến, đoạn code bên dưới để hiển thị hình ảnh thu nhỏ
<img expr:src='data:post.thumbnailUrl'/>
Vậy nếu bạn muốn thay đổi cho chiều rộng là 108px (Chiều cao sẽ theo tỷ lệ hình ảnh) thì áp dụng cú pháp bên dưới
<img expr:src='resizeImage(data:post.firstImageUrl, 108)'/>
Và nếu muốn thay đổi kích thước 108 x 108 px thì áp dụng như sau:
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 108, "1:1")'/>
Với công thức này bạn hoàn toàn có thể áp dụng cho thumbnail tại trang bài viết hoặc các widget khác có cấu trúc tương tự

Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNgon, nhưng kb tăng kích thước lên có làm giảm chất lượng hình ảnh bị mờ đi ko?
Trả lờiXóaví dụ cái thumb ở nhận xét này mờ vãi
Trả lờiXóaHình ảnh nó chỉ vỡ khi kích thước mình muốn tăng vượt quá kích thước thực ban đầu thôi bạn
Trả lờiXóaVề thumbnail ở phần bình luận mình sử dụng js để đổi nó sang kích thước lớn hơn cùng không mờ nữa
Trả lờiXóaNhiều bài viết quá :D
Trả lờiXóaHa ha, ngại với idol quá. Nhiều nhưng ko chất lượng bác ạ. E toàn lấy ý tưởng từ blog của idol đấy :D
Trả lờiXóaLâu quá bác Duy, biết bác từ 2011 đến giờ lâu lâu vẫn tạt qua xem có gì hay ho về blogger không nữa 😁
Trả lờiXóaPhải Idol Duy Phạm trước đây hay để avatar mặc áo xanh nước biển, ngước mặt lên trời không :D
Trả lờiXóaBạn có thể sử dụng resizeImage nếu biết cách tùy chỉnh <data:post.commentHtml/>.
Trả lờiXóaĐoạn này hơi "xương" nên em dùng luôn js cho nhanh :D
Trả lờiXóaChính xác rồi bạn :D
Trả lờiXóaGiờ blogspot toàn template đẹp với cả các công cụ auto lấy bài từ nguồn khác. Để chia sẻ thủ thuật không còn nhiều :(
Trả lờiXóaÀ. Được rồi bác 😁
Trả lờiXóa