▀▄▀▄▀▄▀▄▀▄▀▄ 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Ổ XUỐNG MỘT CẤP (KIỂU 2)

Với thủ thuật này, các bạn có thể tạo cho mình một menu ngang màu đen, bên phải của mỗi menu có hình mũi tên, khi rê chuột đến mũi tên này thì sẽ xuất hiện một dãy menu dọc được xổ xuống phía dưới.







Bạn bấm vào thẻ Xem thử phía dưới để thấy rõ hơn.

Xem thử


Đầu tiên, bạn đăng nhập vào Blog > Chọn Thiết kế > 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 đó dòng lệnh </head>



Bây giờ, bạn copy đoạn code phía dưới dán trên dòng lệnh </head> này và bấm Lưu mẫu. (Vì đoạn code này xung đột với các code trên trang này, do đó các bạn thông cảm download TẠI ĐÂY)
Bước kế tiếp, bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán code phía dưới vào.


<ul class="topnav">
 
<li><a href="#">Home</a></li>
<li>
<a href="#">Menu 1</a>
<ul class="subnav">
<li><a href="#">Menu con 1</a></li>
<li><a href="#">Menu con 2</a></li>
<li><a href="#">Menu con 3</a></li>
<li><a href="#">Menu con 4</a></li>
<li><a href="#">Menu con 5</a></li>
</ul>
</li>
<li>
<a href="#">Menu 2</a>
<ul class="subnav">
  <li><a href="#">Menu con 1</a></li>
  <li><a href="#">Menu con 2</a></li>
  <li><a href="#">Menu con 3</a></li>
  <li><a href="#">Menu con 4</a></li>
  <li><a href="#">Menu con 5</a></li>
  <li><a href="#">Menu con 6</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
 
</ul>



Bây giờ, bạn thay đổi các dòng lệnh màu đỏ (đây là tên hiển thị các menu, ví dụ: thủ thuật blogspot, thủ thuật Windows...) và dấu "#" màu xanh (đây là link các trang mà bạn muốn liên kết đến), cuối cùng bấm Lưu lại là xong.
Chúc các bạn thành công.

16 nhận xét:

KN 40A nói...

Code bước 1 của bạn khai báo dữ liệu sở thẻ Style lộn sộn hết rùi. Nếu Bạn test mà ra mới lạ

KN 40A nói...

Quyên bạn nên bỏ phần loadding trang web đi nó làm blog của bạn chậm đi nhiều đấy!

dungheineken nói...

Cám ơn bạn đã góp ý, mình đã test lại và vẫn làm được mà....
Còn phần loading thì không ảnh hưởng gì hết... chắc mạng của bạn bị chậm đó, ở chỗ tôi load trang dunghennessy chỉ mất có 10 giây thôi

TrieuQui nói...

cho mình hỏi phần a href="#"> là chọn dường dẫn vào nơi mình click vào, vậy vào đâu mình có thể koi đc đường dẫn ấy? cám ơn!

dungheineken nói...

Dấu # này là đường link các trang Web/Blog hoặc các bài trên Blog của bạn. Cách lấy đường link như sau:
Đầu tiên bạn mở trang Web/Blog hoặc bài viết nào của Blog trên trình duyệt mà bạn muốn xem, tiếp theo copy đường link đó ở thanh địa chỉ Adress của trình duyệt (thanh này nằm trên cùng của trình duyệt web) và bạn dán vào thay thế dấu # rồi bấm Lưu lại là xong.
Chúc bạn thành công

kendyvn nói...

Cho mình xin code CSS của lớp "topnav"

dungheineken nói...

Code đó nằm ở file TẢI VỀ đó bạn

Thuanbk nói...

Bạn cho minh hỏi tại sao mình làm dược cái menu như trên rồi nhưng nó cứ nằm ở cuối trang..hic.mình muốn nó nằm gần đầu trang ak..giúp mình nhé :D

dungheineken nói...

Muốn nó nằm ở trên thì bạn kéo tiện ích đó lên trên bài đăng và bấm Lưu lại là nó sẽ làm trên khung bài đăng phía trên

Ban Hang Minh Anh Stone nói...

A. Dũng ơi! sao em làm được cái menu nhưng chỗ mũi tên không xổ menu con xuống được vậy a. Dũng? Giúp em với.
Và anh sửa giúp em cái lịch mẫu 1, tháng 12 to quá không hiện đủ được.
Nhanh dùm em nha!

Dung PHAM HOANG nói...

Cho Anh xem địa chỉ trang Blog của em để Anh vào xem cho rõ ràng hơn sau đó sẽ có hướng khắc phục cụ thể.
Còn về lịch vì còn 2 tuần nữa là hết tháng 12 và sẽ qua tháng giêng nó sẽ không bị lỗi nữa (vì chữ hơi bị lớn) và do Anh đang rất bận công việc nên không thể chỉnh sửa được, sẽ chỉnh sửa sau em ạ, mong em thông cảm.

Ban Hang Minh Anh Stone nói...

Nè anh
http://daoptuongdep.blogspot.com/

Ban Hang Minh Anh Stone nói...

Em cũng muốn đóng khung mấy cái góc bài đăng phổ biến, giải trí, tiện ích như của anh nhưng ko được.
Trang Blog của anh tuyệt vời quá và thật hữu ích. Cám ơn anh Dũng.
Chúc anh có thật nhiều bài hay.

Dung PHAM HOANG nói...

Giao diện của em đang sử dụng là giao diện mặc định của Blogspot và có nền đen (đóng khung), vì vậy đa số các menu xổ dọc xuống sẽ bị che khuất nên em không thấy, em phải đổi giao diện khác mà thôi.
Còn ý em đóng khung các tiện ích hay các chữ tiêu đề????

Ban Hang Minh Anh Stone nói...

Cảm ơn anh đã trả lời nhanh.
Vậy em phải đổi giao diện như thế nào, anh?
Em muốn đóng khung các tiêu đề và các tiện ích như của anh đó.
Chúc anh khỏe.

Dung PHAM HOANG nói...

Em phải lên Google sreach để tìm các themes Blogspot (miễn phí), sau đó chọn cho mình một theme ưng ý rồi tải về áp dụng cho Blog thì tốt hơn nhiều (các theme này thường thích hợp với các tiện ích được hướng dẫn ở dunghennessy).
Đóng khung các tiêu đề xem đơn giản nhưng khó diễn đạt bằng chữ viết quá..!!! nên không biết hướng dẫn sao cho em hiểu bây giờ nữa.. huhu...

Đăng nhận xét

 
Powered by by: Blogger