Mặc định kích thước hình ảnh khi đăng bài trên blogger

LongAnIT 3/18/2019
Thông thường khi post bài lên blogger, bạn sẽ up kèm một vài hình ảnh lên bài đăng. Trong blogger có một tính năng rất hay đó là sau khi upload tấm hình lên bài đăng bạn chỉ cần click vào bức ảnh khi đó bạn sẽ có các tùy chỉnh ảnh: Ảnh nhỏ, ảnh trung bình, ảnh lớn, ảnh rất lớn và cả kích thước ảnh ban đầu. Tuy nhiên tính năng này có những hạn chế nhất định của nó đó chính là tùy chỉnh kích thước theo ý muốn về chiều rộng và chiều cao của bức ảnh.
ảnh thumbnail trong blogspot
Thay đổi kích thước ảnh thumbnail trong blogspot

Trong trường hợp ảnh có kích thước quá lớn có thể dẫn đến tràn bề ngang của trang blog, gây mất thẩm mỹ. Trong bài viết này tôi sẽ hướng dẫn các bạn cách tùy chỉnh mặc định kích thước hình ảnh khi đăng bài trên blogger một cách đơn giản nhất bằng cách tùy chỉnh CSS. Thực hiện các bước sau đây để tiến hành

Bướ 1: Đăng nhập vào quản trị Blogger --> Chủ đề --> Chỉnh sửa HTML
Bước 2: Copy đoạn code CSS bên dưới vào trước thẻ  ]]></b:skin>

.post img {
max-width:800px;
min-width:600px;
 }

Điều chỉnh lại max-with và min-with cho phù hợp. Lưu ý rằng mỗi template có cấu trúc CSS khác nhau tùy vào người viết bạn chỉnh lại sao cho nó phù hợp với code trên

Giải thích: 

  1. max-width: 800px: Chiều rộng tối đa bức ảnh là 800px
  2. min-width:600px : Chiều rộng tối thiểu của bức ảnh là 600px


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à 800 x 600 thì bạn có thể sử dụng code sau đây
.post img {   
width:800px;     
height:600px;     
 }
Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách set mặc định kích thước hình ảnh khi đăng bài trên blogger với CSS căn bản. Ngoài ra bạn có thể sử dụng tính năng Reponsive hình ảnh trong blogger với code tại đây 

Chúc các bạn thành công!

No comments:

Post a Comment

Nếu phát hiện spam bạn sẽ bị xử lý. Bạn có thể đặt backlink tại đây Hướng dẫn đặt backlink nofollow tại đây