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

21.9.23 | 14 nhận xét | 394 lượt xem
Nội Dung Chính [Ẩn] [Hiển thị]
  1. Công thức
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

14

nhận xét
Cũ nhất ⇅
  1. Nặc danh

    Nhận xét này đã bị quản trị viên blog xóa.

    REPLY DELETE
  2. Tomorrow

    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?

    REPLY DELETE
    1. A Đê Min

      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

      REPLY DELETE
  3. Tomorrow

    ví dụ cái thumb ở nhận xét này mờ vãi

    REPLY DELETE
    1. A Đê Min

      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

      REPLY DELETE
    2. YMG

      Bạn có thể sử dụng resizeImage nếu biết cách tùy chỉnh <data:post.commentHtml/>.

      REPLY DELETE
      1. A Đê Min

        À. Được rồi bác 😁

        REPLY DELETE
    3. A Đê Min

      Đoạn này hơi "xương" nên em dùng luôn js cho nhanh :D

      REPLY DELETE
  4. Duy Pham

    Nhiều bài viết quá :D

    REPLY DELETE
    1. A Đê Min

      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

      REPLY DELETE
    2. Quang Hoang

      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 😁

      REPLY DELETE
      1. A Đê Min

        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 :(

        REPLY DELETE
    3. @Downphim

      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

      REPLY DELETE
      1. A Đê Min

        Chính xác rồi bạn :D

        REPLY DELETE

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