Auto Resize : hướng dẫn thủ nhỏ hình ảnh cho vừa với blogger

Bạn có một trang blog với nội dung thật tuyệt vời? Nhưng hình ảnh quá lớn khiến trang chủ của bạn xấu và mất thẩm mỹ  mà bạn lại không có thời gian tải những chương trình Resize ảnh về? Trong Bài viết này, mình sẽ hướng dẫn các bạn cách tự động thu nhỏ hình ảnh trong các bài viết của Blogger đơn giản nhất.

Auto Resize : tự động thủ nhỏ hình ảnh cho vừa với blogger

Đăng nhập vào tài khoản Blogger bằng tài khoản Gmail của các bạn. Chọn blog các bạn muốn chỉnh sửa, chọn thiết kế. Tại khung Phần tử trang của blog, chọn Thiết kế -> Chỉnh sửa HTML. Tìm đoạn sau:

]]></b:skin>

Và thêm đoạn code dưới đây lên trên đoạn code vừa tìm được:

.post IMG {  
   max-width:610px;  
   width: expression(this.width > 610 ? 610: true);  
   max-height:600px;  
   height: expression(this.height > 600 ? 600: true);  
}  

Với code trên các bạn sẽ dễ dàng resize theo ý của mình bằng các thay đổi thông số. max-with: thay bằng số các bạn muốn về độ rỗng tấm ảnh. max-height: thay bằng chiều cao các bạn muốn.

Tôi hy vọng với thủ thuật đơn giản này sẽ giúp bạn cảm thấy vui hơn với blog của mình. Nếu chúng tôi đã bỏ lỡ một cái gì đó hoặc bạn biết một cách đơn giản hơn nhiều thì bình luận bên dưới để chia sẻ cho tất cả nhé.

Chúc thành công!