Home » » Tạo menu cố định (sticky menu) cho blogspot

Tạo menu cố định (sticky menu) cho blogspot


Nếu chưa biết cách tìm nhanh thẻ ]]>
 , mời các bạn tham khảo bài viết này.
/* NAMYENBAI MENU */
#namyenbai_menu{background-color:#3173f1;height:34px;width:100%;
min-width:960px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;
border-top:0 solid #9932CC;height:34px;width:100%;min-width:960;
position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:2px solid #9932cc;}
#namyenbai_menu ul{list-style:none;margin:auto;width:960px}
#namyenbai_menu ul li{float:left;}
#namyenbai_menu ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:12px;
font-family:Arial;text-shadow:0px -1px 0px
#0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#namyenbai_menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:yellow;}
- Bấm: "Lưu mẫu" để lưu lại.
Nếu bạn nào có hiểu biết về thành phần cấu trúc HTML của template thì có thể chèn luôn đoạn code ở bước 2 dưới đây vào vị trí thích hợp ở phần "khai báo wrapper" (thường nằm sau thẻ ) trong template. Nếu không, hãy làm như bước 2 dưới đây.
2. Vào "Bố cục".
 - Bấm tiếp "Thêm tiện ích" thêm một phần tử "HTML/JavaScript" tại một vị trí bất kỳ - đối với các template không phải là mặc định và ngay dưới "Tiêu đề" - đối với các template mặc định. Nếu chưa quen, mời các bạn tham khảo cách thêm tiện ích "HTML/JavaScript" ở phần cuối bài viết này.  
 - Để trống tiêu đề và dán đoạn mã trong khung dưới đây vào phần nội dung.



Home

  • Tên menu 1
  • Tên menu 2
  • Tên menu 3
  • Tên menu 4
  • Tên menu 5
  • Tên menu 6
  • Tên menu 7
  • Tên menu 8
  •  
        

    - Thay thế phần màu đỏ trong đoạn code trên bằng link các trang hoặc "nhãn" bài viết. Thay thế  phần tô màu xanh trong đoạn code trên thành tên các trang hoặc "nhãn" tương ứng.
    - Bấm "Lưu" tiện ích vừa tạo và bấm "Lưu sắp xếp" - nếu di chuyển tiện ích và cuối cùng trở lại trang chủ xem kết quả.

    Chào mừng đến với : Dương Văn Nam - cảm ơn các bạn đã đọc bài viết

    » Nếu có thắc mắc hay góp ý, bạn hãy liên hệ với tôi qua email: emailphuongnam@gmail.com.
    » Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
    » Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
    » Rất cảm ơn những comment thiện ý.

    Tham gia thêm: Facebook | Twitter :: Thank you for visiting ! ::

    0 nhận xét:

    Post a Comment

    Cảm ơn bạn đã để lại những ý kiến quý báu. Nam rất mong bạn ủng hộ nhiều hơn nữa cho http://www.duongvannam.name.vn/

    Liên hệ : Dương Văn Nam | PhuongNamBlog
    Copyright © 2020. Phương Nam Blog
    Xem tôt nhất bằng trình duyệt: Chrome hoặc firefox
    Được thiết kế trên Blogger