Auto Resize hình ảnh bài viết Blogspot

hôm nay mình sẽ hướng dẫn các bạn điều chỉnh kích thước hình ảnh trong bài viết sao cho không bị vỡ khung, lấn đè sang Widget.

Hướng dẫn

1. Auto resize hình ảnh chỉ với ảnh để kích thước ban đầu

Vào quản trị Blogger >> Chỉnh Sửa HTML >> Tìm thẻ ]]></b:skin> rồi chèn đoạn code dưới đây lên trên nó.

.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
} 

hoặc

.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
box-shadow: none;
border: none;
padding: 0px;
}

2. Auto resize với toàn bộ hình ảnh trong bài viết

Vào quản trị Blogger >> Chỉnh Sửa HTML >> Tìm thẻ ]]></b:skin> rồi chèn đoạn code dưới đây lên trên nó.

.post-body img {
width:100%;
height:100%;
display: block;
}

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