iklan atas 728x90

Headlines News:
Home » » Auto Resize hình ảnh bài viết Blogspot

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 !
Bagikan Artikel Ini Ke :

Leony LiTuan Nguyen
Saya hanya seorang blogger biasa yang ingin berbagi dengan Anda menurut pengalaman saya. Silahkan ikuti Media Social saya ya.
Ikuti : | +Google | Facebook | Twitter

Next
This is the current newest page
Previous
Next Post »
Artikel Terkait:
Breaking News close button
Back to top
 
Copyright © 2014. Template Blogspost Distributed by Tuan Nguyen.