Điều chỉnh Line Spacing – Khoảng cách dòng trong Blog

Để tăng hoặc giảm khoảng cách giữa các dòng ( Line Spacing), bạn hãy làm theo hướng dẫn đơn giản sau:

1. Đăng nhập vào Blogger để chỉnh sửa
Bước đầu tiên là bạn phải đăng nhập vào tài khoản blog tại Blogger.com
Truy cập vào Blogger >> Thiết kế (Design) >> Chỉnh sửa HTML (Edit HTML)
Tìm (Ctrl – F) đoạn mã .post
2. Chỉnh sửa khoảng cách giữa các dòng
Khi bạn tìm đoạn code .post trong mẫu blogger sẽ giống như đoạn code sau:

.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
} 
... 
.post p { 
margin:0 0 .75em; 
line-height:1.6em; 
}

Bạn chỉ cần thêm đoạn code màu đỏ như dưới:

.post { 
margin:.5em 0 1.5em; 
border-bottom:1px dotted $bordercolor; 
padding-bottom:1.5em; 
line-height:1.6em; 
} 
... 
.post p { 
margin:0 0 .75em; 
}

Nếu muốn điều chỉnh Line Spacing của widget thì
Tìm dòng: .main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li
Và tuỳ chỉnh các thuộc tính của nó.

Bạn có thể thay thế giá trị 1.6 bằng các giá trị khác tùy vào yêu cầu về khoảng các của bạn, giá trị càng lớn thì khoảng cách giữa các dòng càng tăng rộng ra.
Để chắc chắn là hợp lý bạn có thể click nút XEM TRƯỚC (Preview) để xem đã ưng ý chưa. Nếu đã ưng ý hãy Lưu Mẫu (Save Template).