Tạo menu ngang đơn giản cho blogger

Nếu bạn là một webmaster chắc bạn biết được vai trò quan trọng như thế nào của một menu ngang (menu điều hướng). Nó giúp cho người đọc nhanh chóng và dễ dàng định hướng được nội dung mà họ muốn xem. Có nhiều cách để bạn tạo được một thanh menu ngang như: sử dụng javascript, các công cụ tạo menu hay đơn giản hơn dùng css ...
Bài viết sau sẽ hướng dẫn các bạn đang tập làm web tạo menu bằng css một cách khá đơn giản và bạn có thể áp dụng ngay cho blog của mình.
Đầu tiên bạn đăng nhập vào phần quản lý Blog. Chọn bố cục/ Thêm tiện tích HTML vào vị trí bạn muốn hiện thị menu và dán đoạn code sau vào:


<div>
<a href="URL 1">Link 1</a>
<a href="URL 2">Link 2</a>
<a href="URL 3">Link 2</a>
</div>

Thay URL bằng đường dẫn của site bạn, thay các tên Link bằng nội dung bạn muốn hiển thị, ví dụ như: Home, Liên hệ, Về tôi ... chẳng hạn.
Tương tự, bạn có thể thêm đoạn code này (cũng là một cách hiển thị khác):



<div>
| <a href="URL 1">Link 1</a> |
| <a href="URL 2">Link 2</a> |
| <a href="URL 3">Link 3</a> |
</div>

Nó sẽ có một nét gạch thẳng | phân cách giữa 2 nội dung.
Còn nếu bạn muốn có một menu đầy màu sắc theo ý thích thì hãy dùng đoạn code sau:


<div style="background-color:red;>
| <a href="URL 1">Link 1</a> |
| <a href="URL 2">Link 2</a> |
| <a href="URL 3">Link 3</a> |
</div>

Bạn có thể thay chữ red bằng một mã màu, ví dụ như: #E1E1E1
Nếu không biết rõ các mã màu bạn hãy vào đây  http://meyerweb.com (một trang rất cần cho các bạn đang tập làm web )để chọn một màu phù hợp rồi chép đoạn mã thích hợp thay cho chữ red ở trên. Vậy là xong!
Bạn thấy sao? Rất đơn giản để có một menu đẹp phải không? Chúc bạn thành công!


0 nhận xét to "Tạo menu ngang đơn giản cho blogger"

Đăng nhận xét

* Bạn có thể nhận xét / góp ý / bình luận tại đây.
* Vui lòng gõ tiếng Việt có dấu.
* Bạn chưa có tài khoản vẫn có thể nhận xét bằng cách chọn hồ sơ là Tên/URL (với URL là địa chỉ email hoặc blog của bạn).

Loading