Sosial Media
0
News
    Home Blogspot

    Thay đổi kích thước thumbnail blogspot không cần Javascript

    1 min read

    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, &quot;1:1&quot;)'/>
    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ự
    14 nhận xét
    Nhận xét này đã bị quản trị viên blog xóa.
    Ngon, 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?
    ví dụ cái thumb ở nhận xét này mờ vãi
    Hì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
    Về 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
    Nhiều bài viết quá :D
    Ha 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
    Lâ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 😁
    Phả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
    Bạn có thể sử dụng resizeImage nếu biết cách tùy chỉnh <data:post.commentHtml/>.
    Đoạn này hơi "xương" nên em dùng luôn js cho nhanh :D
    Chính xác rồi bạn :D
    Giờ 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 :(
    À. Được rồi bác 😁
    Additional JS