Chia Post footer thành nhiều cột

Chia Post footer thành nhiều cộtXem hình minh họa thủ thuật:

Còn đây là kết quả hiện thị ngòai blog

Bắt đầu:
1. Đăng nhập blog
2. Vào Bố cục(layout)
3. Vào chỉnh sửa code HTML (edit code HTML)
4. Chọn "mở rộng mẫu tiện ích" (expand widget template)
5. Chèn đọan code màu đỏ vào như bên dưới:

 class='main' id='main' showaddelement='no'>

...
...
...

 class='footer' id='footer'>

...
...
...

- Chú ý : bạn hãy điều chỉnh code màu xanh(là độ rộng của các cột) theo đúng kích thước của main post, ví dụ main post của bạn rộng 600px, thì mỗi cột sẽ là 300px, có thể nhỏ hơn (do có thể main post của bạn được căn lề). Và nếu bạn muốn chia thành 3 cột thì thêm một đọa code như bên dưới trước dòng  , và chiều rộng mỗi cột bạn đổi lại là 200px.

- Về chiều rộng của các cột bạn không nhất thiết phải chỉnh bằng nhau, tùy theo thiết kế của bạn, bạn có thể tùy chỉnh chúng khác nhau, và phải đảm bảo là tổng chiều rộng phải nhỏ hơn độ rộng của main post.
- Ngòai ra để tạo giao diện các cột, bạn có thể thêm các đoạn code CSS cho nó.

6. Save template.

0
nhận xét:
        
Đăng nhận xét