Được tạo bởi Blogger.

Lưu trữ Blog

(HN) - (TP.HCM)
RSS

Chủ Nhật, 6 tháng 1, 2013

Blog bạn là Blog chia sẻ hình ảnh? Nhưng hình ảnh quá lớn hay không vừa trang chủ của bạn hoặc 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.

Đă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 {
float:center;
min-width:450px;
max-width:450px;
max-height:340px;
min-height:340px;

padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}

Thay đổi đoạn code màu đỏ với số px sao cho vừa mới trang chính của bạn. VD ở trên là chiều rộng là 450còn chiều cao là 340 (Chú ý sửa cả dòng min và max)

0 nhận xét:

Đăng nhận xét