▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO MENU NGANG CÓ MENU CON XỔ DỌC XUỐNG MỘT CẤP (KIỂU 1)

Trước đây, tôi có chia sẻ cho các bạn cách làm menu ngang có menu con xổ dọc xuống nhiều cấp, nay tôi xin chia sẻ tiếp cho các bạn menu ngang có menu con xổ dọc xuống một cấp.
Đầu tiên, bạn đăng nhập vào Blog
 > chọn Thiết kế > chọn
chỉnh sửa HTML.
Sau đó bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào ô lệnh ]]></b:skin>



Và dán đoạn code dưới đây vào trên nó



Cũng tương tự như trên, bạn gõ vào ô tìm kiếm lệnh </head> và dán đoạn code dưới đây trước </head>
 


Bước kế tiếp cũng làm tương tự như hai cách trên, bạn dán đoạn code dưới đây vào trước lệnh </header>
(hoặc thêm tiện ích HTML/javacript rồi dán nó vào)
<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Menu 1</a>
  <ul>
  <li><a href="#"> tên menu</a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#"> tên menu </a>
  <ul>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#">Menu 3</a>
  <ul>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  <li><a href="#"> tên menu </a></li>
  </ul>
  </li>
 
 <li><a href="#">Menu 4</a></li>
  <li><a href="#">Menu 5</a></li>
    </li></ul>

Bây giờ, bạn thay đổi các code màu đỏ và màu xanh cho phù hợp với blog bạn (màu xanh là URL của trang, màu đỏ là tên hiển thị)
Cuối cùng bấm Lưu mẫu và trở vào Blog xem kết quả

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

17 nhận xét:

Vinh Phu nói...

A.DŨNG oi ! e làm các đoạn mã và trình tự giống a hướng dẫn, nhưng kếp quả không thấy MENU con xổ dọc xuống, phải làm sao đây a, để phân cấp xuống đây ! cảm ơn a .!

dungheineken nói...

Có lẽ giao diện của em không thích hợp với mã code này. Em gởi đính kèm giao diện blog của em qua dungheineken@gmail.com để anh xem và chỉnh sửa lại cho (nếu được)

Vinh Phu nói...

A.Dũng , e có gởi thông tin qua mail cho a, a check mail nhé ! cảm ơn a .

dungheineken nói...

Anh đã check mail rồi nhưng không thấy?!!
Em gởi lại xem dungheineken@gmail.com

Phuong Trinh nói...

anh dung cho em hoi lam sao de em viet duoc bai vao cac menu ngang

dungheineken nói...

Em cứ đăng bài lên blog bình thường, sau đó chép địa chỉ của bài đó và thay thế vào dòng lệnh <a herf="dán địa chỉ của bài đó vào đây trong dấu ngoặc kép" phía sau thì ghi tên hiển thị và lưu lại là xong

Lê văn Giang nói...

BAN OI MINH CUNG LAM THEO CHI DAN NHUNG MENU VAN TRO DOC XUONG ,BAN XEM HO MINH NHE.MINH GUI MAU HTML CHO BAN XEM GIUP MINH NHE

dungheineken nói...

Tôi đã chỉnh sửa lại giao diện và gởi đính kèm qua mail cho Giang rồi đó, check mai nha

hung nguyen nói...

anh ơi, nếu mình muốn tạo hiệu ứng xổ dọc cho menu có sẵn thì add code nào hả anh? cái đoạn code của anh là tạo ra menu mới luôn rồi đúng ko a?

dungheineken nói...

Đúng rồi, đây là menu mới luôn không áp dụng cho menu sẳn có đâu em trai à!!!

hung nguyen nói...

vậy mình phải xoá đoạn nào trong template để mất hẳn menu cũ trước khi thực hiện các bước tạo menu mới của anh?

dungheineken nói...

Thường thì menu có sẳn trong mã nguồn HTML, bạn đăng nhập vào Blog chọn Chỉnh sửa HTML sau đó bạn kiếm trong mã đó dòng lệnh nào có chữ menu thì xoá nó đi (trước khi xoá bạn nên lưu lại theme này nhỡ có gì thì mình phục hồi lại...)

Đình Quân nói...

bạn ơi cho mình hỏi sao mình tìm mà k thấy đoạn lệnh nhỉ.

Đình Quân nói...

bạn cho mình cái mail mình gửi cho bạn xem giùm mình dc k

dungheineken nói...

Bạn muốn nói dòng lệnh nào????
Mail của mình là dungheineken@gmail.com

Nguyen Thang nói...

Chào bạn. Xin cám ơn bạn. Bài viết của bạn rất hay cho người mới làm blog như tôi. Tôi làm theo trình tự của bạn có menu ngang xổ dọc rồi nhưng không biết làm thế nào để " bài viết" vào menu con được, nhờ bạn chỉ giúp tôi. Nếu được một lần nữa xin cám ơn bạn râất nhiều!

dungheineken nói...

Bạn lấy địa chỉ (link URL) của bài viết thay thế vào dấu # ở trong ngoặc kép trước menu con, sau cùng bấm Lưu là OK...

Đăng nhận xét

 
Powered by by: Blogger