TÙY BIẾN MENU NGANG CHO BLOGSPOT

Đối với những người mới tập làm blog giống mình khi sử dụng các Template blogspot có sẵn nhưng vẫn không được như ý mình mong muốn. Hôm nay tôi sẽ hướng dẫn các bạn tùy biến menu ngang cho phù hợp với ý tưởng của khổ chủ.
Bài trước đây THAY ĐỔI GIAO DIỆN CHO BLOGSPOT tôi đã hướng dẫn các bạn thay đổi giao diện của Blogspot bằng cách sử dụng các Template free. Và có giao diện như sau:

Như tại giao diện của tôi trên thanh MENU có About; Contact; Download; Report; Miku. Tôi sẽ tùy biến About thành Tập làm blog

Bạn vào phần Bố cục

Vào phần Chỉnh sửa HTML và tiến hành sửa các câu lệnh:

Bấm Ctrl+F và tìm kiếm About ta tìm được mã câu lệnh như sau:

<li data-role='dropdown'><a href='#'>About</a><ul>

<li><a href='#'>Lorem Ipsum</a></li>

Như vậy đây là những phần sẽ hiện trên menu About. Tôi sẽ chỉnh sửa chúng như sau:

Để đọc được những câu lệnh này bạn nên tham khảo bài: HTML VÀ CSS CĂN BẢN DÀNH CHO NGƯỜI MỚI LÀM QUEN sẽ chi tiết hơn.

<li><a href='#'>Chỉnh sửa HTML</a></li>

Bạn có thể thêm hoặc bớt các menu bằng cách copy thêm hoặc xóa các dòng lệnh đi.

Sau đấy bạn bấm vào Lưu mẫu

Và bây giờ bạn thấy đây giao diện sẽ thay đổi thế này đây.

Đây mới là bước đầu để thực hiện thay đổi các thanh MENU trên blog. Bạn bấm vào thanh MENU vẫn chưa chuyển đến trang bạn mong muốn vì hiện tại đường link chưa được gắn vào. (<a href='#'>)

Tại bài: Cách gắn liên kết nhãn cho thanh menu tôi hướng dẫn bạn. Bây giờ bạn hãy tùy biến thanh MENU cho phù hợp với yêu cầu của bạn làm cho Blog của bạn Pro.

Chúc các bạn thành công