Tổng hợp mẫu menu ngang tuyệt đẹp cho Blogger

Thứ Tư, 11 tháng 1, 2012
Menu là một thành phần không thể thiếu đối với bất kỳ weblog nào, giúp cho người đọc dễ dàng truy cập đế chủ đề quan tâm, chính vì tính hữu ích và quan trọng nên có rất nhiều các thủ thuật hướng dẫn các bạn tạo menu cho Blogger, trong bài trước đã giới thiệu với các bạn menu điều hướng theo chiều dọc. Lần này xin giới thiệu với các bạn loạt 30 menu theo chiều ngang cho Blogger.
- VnBlognet [dot] com: các menu định hướng theo chiều ngang được giới thiệu trong bài này được tạo bởi  các blogger Ahmedzai, Christopher và Highdots .
- Xem bản Demo: Live demo 1 :: Live Demo 2
1Các bước tạo menu điều hướng theo chiều ngang:
1. Truy cập vào Blogger : Bảng điều khiển (Dashboard)  >> Bố cục (Layout)  >>  Phần tử trang (Page Element)  >> Click vào Thêm tiện ích (Add a Gadget).
2. Click chọn tiện ích  HTML/JavaScript widget và dán  Navigation Menu Code ở phần dưới vào trong khung nội dung của HTML/JavaScript widget .
3. Kéo HTML/JavaScript widget và thả  vào vị trí phía dưới Blog Header.
4. Sau khi đã thực hiện xong các bước trên, bạn cần chỉnh lại link liên kết hiển thị trong đoạn mã HTML.
- Thay thế các tiêu đề và đường link của các menu bạn chỉ cần thay đổi các dòng in đậm trọng đoạn code như dưới:

  • Link 1

  • Link 2

  • Link 3

  • Link 4

  • Link5

    • - Thay thế  #1, #2, #3 etc bằng các địa chỉ  Page Links/URL và thay thế  Link1, Link2, Link3 etc bằng Tên các page Page . Ví dụ với Các bài viết về Bài viết trong blogger trên vnblognet.com sẽ như sau:

  • http://www.vnblognet.com/search/label/Post" >Bài viết

    • - Nếu cần thêm hay xóa đi các tab (link) bạn chỉ cần thêm hoặc xóa đi đoạn code HTML dưới:

  • Link

    • 2Code của menu điều hướng theo chiều ngang:
    - Danh mục Menu 1:
    BlackOrange2
    - Danh mục Menu 2:
    PurpleWhiteNavigation2
    - Danh mục Menu 3:
    Boxed 1[2]
    - Danh mục Menu 4:
    LIGHTGREY2
    - Danh mục Menu 5:
    BulletedtopNavigation2
    - Danh mục Menu 6:
    TabMenuI
    - Danh mục Menu 7:
    TabMenuG
    - Danh mục Menu 8:
    TabMenuF
    - Danh mục Menu 9:
    ZDnetEmulation
    - Danh mục Menu 10:
    TabMenuE
    - Danh mục Menu 11:
    Tab Menu D
    - Danh mục Menu 12:
    Tab Menu 12
    - Danh mục Menu 13:
    Tab Menu 11
    - Danh mục Menu 14:
    Tab Menu 10
    - Danh mục Menu 15:
    Tab Menu 9
    - Danh mục Menu 16:
    Tab Menu 6
    - Danh mục Menu 17:
    Tab Menu 8
    - Danh mục Menu 18:
    Tab Menu 7
    - Danh mục Menu 19:
    Tab Menu K
    - Danh mục Menu 20:
    Tab Menu 4
    - Danh mục Menu 21:
    Tab Menu 3
    - Danh mục Menu 22:
    Tab Menu 2
    - Danh mục Menu 23:
    Square
    - Danh mục Menu 24:
    Horizontal Buttons
    - Danh mục Menu 25:
    Tab Menu H
    - Danh mục Menu 26:
    Tab Menu 1
    - Danh mục Menu 27:
    Tab Menu A
    - Danh mục Menu 28:
    Tab Menu 5
    - Danh mục Menu 29:
    Tab Menu B
    - Danh mục Menu 30:
    Tab Menu J
    Hy vọng các bạn chọn cho blog được một thanh menu điều hướng đẹp mắt.
    nguồn: www.mybloggertricks.com
    Tổng hợp từ Internet
    Tags:

    Ý kiến bạn đọc [ 0 ]


    Ý kiến của bạn