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

{Svip4u.InFo}
Khi chọn lựa và sử dụng một mấu Template Blogger sẵn có, đôi lúc bạn sẽ thấy thật là xấu khi các dòng chữ trong bài viết cứ dính sát vào nhau nhìn rối mắt.  Đê tăng 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;  }

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).

Thủ thuật nhỏ hy vọng có ích cho bạn.

Posted in: Blogspot