Đăng ký kiếm 20 triệu /tháng site dưới đây
Related Posts Plugin for WordPress, Blogger...
Chào mừng bạn đến với Học Viết Blog Kiếm $ Làm Giàu !

Thứ Hai, 18 tháng 10, 2010

Tự động điều chỉnh kích thước ảnh trong Blogger

Hocvietblog™  {^_^}  Để chúng tự động điều chỉnh hiển thị phù hợp với phần nội dung bài viết các bạn làm như sau:
Với chiều rộng của phần bài viết (Post section) là 500px.



Truy cập vào Blogger >> Layout >> Edit/Html

Chèn đoạn mã dưới:
.post img { 
max-width:500px; 
max-height:500px; 
min-width:200px; 
min-height:200px; 
padding : 10px; 
clear: both; 
}
vào trước tag ]]></b:skin>
Với đoạn mã bạn vừa thêm vào thì các bức ảnh có chiều rộng hoặc chiều cao lớn hơn 500px sẽ tự điều chỉnh về chiều rộng và chiều cao 500px, tương tự các bức ảnh có chiều rộng hoặc chiều cao nhỏ hơn 200px sẽ tụ động điều chỉnh về chiều rộng và chiều cao 200px.
Tuỳ thuộc vào chiều rộng của bài viết (Post sectôn) mà bạn thay đổi chiều rộng và chiều cao cho phù hợp
Nếu bạn muốn tất cả các hình ảnh hiển thị trong phần bài viết có kích thước cố định là 500PX x 400PX thì bạn chỉ cần thay thế đoạn code đã hướng dẫn ở trên bằng:
.post img {
width:500px;
height:400px;
padding:10px;
}
Giờ đây các hình ảnh hiển thị trên Blog của bạn có kích thước cố định là chiều rộng 500PX và chiều cao 400PX.
Nếu hình ảnh hiển thị không như ý hoặc không chính xác thì bạn tìm tag .post img trong Blogger >> Layout>> Edit/Html và chỉnh sửa chúng.
Hocvietblog™  {^_^}  kiemtien24h



Đăng ký ngay kiếm 20 triệu /tháng từ site này

Bạn thích bài viết này? Xin chia sẻ dưới đây:

Nhanh tay đăng ký Kiếm $1000/tháng site dưới đây

0 nhận xét:

Đăng nhận xét

Cảm ơn các bạn đã quan tâm đến Hocvietblog™ {^_^} . Trước khi comment bạn đọc qua những điều dưới đây để comment của bạn được hỗ trợ và trả lời:

Điều 1. Nội dung nhận xét phải liên quan tới chủ đề của bài viết.
Điều 2. Bạn nên viết bằng tiếng việt có dấu, không spam, không mang ý nghĩa dèm pha, đả kích mang tính tiêu cực.
Điều 3. Bạn nên điền đầy đủ thông tin Tên (biệt danh) và Url trang web hay blog của bạn, bạn không nên comment ở chế độ ẩn danh.
* Hướng dẫn chi tiết comment:
- Ở dòng Nhận xét với tư cách: Admin google ấn chọn Tên/URL. Điền tên và Url trang web hay blog của bạn
- Điền nội dung comment vào ô trống. Sau đó ấn chọn Đăng nhận xét
*Lưu ý: Admin sẽ xuất bản comment của bạn sớm nhất sau khi đã kiểm duyệt.