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

21.9.23 | 14 nhận xét | lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]
    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ự
    Bạn đang xem bài viết "Thay đổi kích thước thumbnail blogspot không cần Javascript" tại chuyên mục: Blogspot
    Copy to clipboard
    DMCA.com Protection Status

      14

      nhận xét
      Mới nhất ⇅

      Chèn hình ảnh: Chỉ cần dán link hình ảnh - Upload ảnh

      Chèn code: [pre]Code đã mã hóa [/pre]

      Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

      Chèn link: Click để chèn link

      Đăng ký: Đăng Nhận xét (Atom)