Cách thay đổi kích thước tất cả bài viết Hình ảnh tự động trong Blogger

Tối ưu hóa hình ảnh là rất cần thiết để blog nổi bật so với những người khác vì hình ảnh đóng vai trò quan trọng trong việc thu hút độc giả vào blog của chúng tôi và cũng để họ hiểu nội dung của chúng tôi một cách dễ dàng thông qua hình ảnh trực quan. Thay đổi kích thước hình ảnh phù hợp theo bố cục blog của chúng tôi để chúng không phá vỡ khu vực đăng bài trên blog của chúng tôi. Nhiệm vụ thay đổi kích thước này trở nên rất khó khăn khi chúng tôi đã xuất bản hàng trăm hoặc hàng nghìn bài đăng và chúng tôi muốn thay đổi tất cả các kích thước hình ảnh của bài đăng.

Blogger cung cấp các cài đặt cơ bản mặc định để thay đổi kích thước hình ảnh trong các bài đăng trên blog của chúng tôi nhưng trong phạm vi giới hạn, tức là chúng tôi chỉ có thể thay đổi kích thước hình ảnh trong bốn tùy chọn: nhỏ, trung bình, lớn và X-lớn.
Điều gì sẽ xảy ra nếu chúng ta muốn tự động thay đổi kích thước tất cả các hình ảnh bài đăng của mình và cả các pixel mong muốn mà chúng ta mong muốn. Vâng, nó có thể được thực hiện với một mã CSS nhỏ, bạn chỉ cần làm theo các bước dưới đây để có được nhiệm vụ khổng lồ này trong thời gian vài giây.
Trước khi chuyển trực tiếp đến hướng dẫn, hãy hiểu lý do tại sao chúng ta cần thay đổi kích thước hình ảnh blog của mình.

Cần thay đổi kích thước hình ảnh trong Blogger là gì?

Có thể có bất kỳ lý do cụ thể tại sao bạn muốn thay đổi kích thước hình ảnh trên blog của bạn. Tôi đã liệt kê một vài lý do chính tại sao một người muốn làm như vậy.

Khi chúng tôi bắt đầu viết blog với tư cách là một người mới, chúng tôi không lấy kích thước hình ảnh là một điều quan trọng nhưng chúng tôi hiểu tầm quan trọng của nó trong tương lai vì vậy chúng tôi cần thay đổi kích thước hình ảnh cho các bài đăng đã xuất bản của mình.
Hình ảnh làm xáo trộn bố cục blog của bạn bằng cách tràn ra khu vực nội dung bài đăng.
Chúng tôi muốn giảm thời gian tải blog của chúng tôi và hình ảnh nhỏ đã thay đổi kích thước có thể làm cho blog của chúng tôi tải nhanh.

Bây giờ sau khi biết lợi ích, chúng ta hãy bắt đầu lăn lộn về cách áp dụng phương pháp này để thay đổi kích thước tất cả các hình ảnh bài đăng trên blog của chúng tôi cùng một lúc.

Làm thế nào để thay đổi kích thước tất cả bài viết hình ảnh tự động trong Blogger?

Chỉ cần làm theo các bước nhỏ dưới đây để thêm tinh chỉnh CSS này vào blog Blogspot của bạn.

Trước hết, hãy vào Bảng điều khiển Blogger.
Chuyển đến Mẫu> Chỉnh sửa Html.
Trong khu vực HTML và nhấn Ctrl + F để tìm nhanh thẻ này:]]> </ b: skin>
Bây giờ, dán mã dưới đây ngay phía trên thẻ]]> </ b: skin>

.post-body img {
width: 500px!important;
height: auto!important; }

Tùy chỉnh:

Để giảm hoặc tăng chiều rộng của hình ảnh, sau đó thay đổi giá trị của chiều rộng: 500px:
Việc mã hóa ở trên sẽ không thay đổi kích thước chiều cao của hình ảnh bài đăng của bạn và sẽ chỉ thay đổi kích thước chiều rộng nhưng nếu bạn muốn tăng hoặc giảm chiều cao của hình ảnh thì hãy thay đổi chiều cao: 500: px hoặc theo chiều rộng blog của bạn:
Nếu bạn muốn thêm đường viền vào hình ảnh thì chỉ cần sử dụng mã bên dưới thay vì mã hóa ở trên:

.post-body img {
width: 500px!important;
height: auto!important;
border: 1px solid #d2d2d2}

Bạn cũng có thể tùy chỉnh, kích thước đường viền bằng cách thay đổi giá trị pixel từ đường viền: 1px và để thay đổi màu đường viền, chỉ cần thay đổi mã màu # d2d2d2 này theo nhu cầu của bạn.

Lưu mẫu của bạn >> Bạn đã hoàn tất.

Tôi hy vọng bạn đã sử dụng thành công tinh chỉnh này và tiết kiệm thời gian quý báu của mình, bạn sẽ lãng phí bằng cách thay đổi kích thước hình ảnh trong blogger theo cách thủ công. Hãy cho tôi biết quan điểm của bạn về bài đăng tuyệt vời này và nếu bạn có bất kỳ câu hỏi nào hãy bình luận bên dưới, tôi chắc chắn sẽ cố gắng giúp bạn theo cách tốt nhất có thể.