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:
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
Để 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.
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.comTruy 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: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;
}
...
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post {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.
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
line-height:1.6em;
}
...
.post p {
margin:0 0 .75em;
}
Để 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.
0 comments
Post a Comment