▀▄▀▄▀▄▀▄▀▄▀▄ 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)

MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (Kiểu 3)

Tương tự kiểu 1 (Xem TẠI ĐÂY) và kiểu 2 (Xem TẠI ĐÂY). Menu ngang này cũng xổ dọc xuống nhiều cấp khi bạn bấm vào một menu chính phía trên.
Mời bạn bấm vào Xem thử phía dưới để trải nghiệm nha.




Xem thử


Thủ thuật này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào.

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-xanhgoc.css" />
<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="https://sites.google.com/site/dunghennessyjs/ddlevelsmenu.js">
</script>

<div id="ddtopmenubar" class="ubercolortabs">
<ul>
<li><a href="http://www.dunghennessy.blogpsot.com"><span>Trang chủ</span></a></li>
<li><a href="#" rel="ddsubmenu1"><span>Tên menu chính số 1</span></a></li>
<li><a href="#" rel="ddsubmenu2"><span>Tên menu chính số 2</span></a></li>
<li><a href="http://anhdepblog.blogspot.com/"><span>Ảnh đẹp cho Blog</span></a></li>
<li><a href="#" rel="ddsubmenu3"><span>Tên menu chính số 3</span></a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>
<!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 1, các bạn thay đổi tên và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến-->

<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a>
  <ul>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  </ul>
</li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a>
  <ul>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a>
    <ul>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    </ul>
  </li>
    </ul>
</li>
<li><a href="#">Tên menu cấp 1</a></li>
</ul>


<!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 2, các bạn thay đổi tên menu con và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến-->

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a>
  <ul>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a></li>
  </ul>
</li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a>
  <ul>
  <li><a href="#">Tên menu cấp 2</a></li>
  <li><a href="#">Tên menu cấp 2</a>
    <ul>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    <li><a href="#">Tên menu cấp 3</a></li>
    </ul>
  </li>
    </ul>
</li>
<li><a href="#">Tên menu cấp 1</a></li>
</ul>

<!--dunghennessy: Dưới đây là các tên menu con của Menu chính số 3, các bạn thay đổi tên và thay dấu "#" bằng link liên kết mà bạn muốn liên kết đến-->

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
<li><a href="#">Tên menu cấp 1</a></li>
</ul>


Bây giờ, bạn cần thay đổi tên menu chính và con, thay dấu "#" là các địa chỉ link mình cần liên kết đến và bấm Lưu lại là xong.



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


▀▄▀▄▀▄ dunghennessy.blogspot.com ▄▀▄▀▄▀

65 nhận xét:

Nguyen Minh Ngoc nói...

Đẹp

dungheineken nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

Dũng Nguyễn nói...

a ơi, làm cách nào để tạo menu ngang vừa có nhiều cấp vừa có hiệu ứng ạ, ở các bài đăng của anh em chỉ thấy có menu dọc nhiều cấp có hiệu ứng, ko thấy có menu ngang nhiều cấp có hiệu ứng, a chỉ giúp em vs ạ, thanks a!

dungheineken nói...

Em muốn hiệu ứng gì ở menu ngang này???

NguyenBao nói...

mình coppy code và dán vào HTML trong blog mà no báo lỗi. bạn hướng dẫn mình thêm đc ko!?

dungheineken nói...

Nó bị lỗi gì, bạn nêu cụ thể đi mình sẽ hướng dẫn bạn cách khắc phục

Nguyen Binh Khiem HighSchool nói...

Mình copy code dan vao thì nó nằm bên trái làm cách nào đưa vào khung giữa được

dungheineken nói...

Có 2 cách khắc phục:
1/ Bạn điều chỉnh lại độ rộng của Blog bằng cách đăng nhập vào blog chọn mẫu > chọn thẻ tuỳ chỉnh > điều chỉnh độ rộng hơn một tý là được.
2/ Bạn thêm thẻ mở center ở phía trên đoạn code và thêm thẻ đóng center ở phía dưới đoạn code rồi bấm Lưu lại là nó sẽ vào ở chính giữa blog.

Nguyen Binh Khiem HighSchool nói...

Mình đã bỏ thẻ center nhưng vẫn không thể cho menu vào giữa được, hix

dungheineken nói...

Có thể giao diện của bạn đang sử dụng không thích hợp với menu này, bạn thử lập một blog mới sử dụng giao diện khác rồi tạo thử menu này một lần nữa xem sao

dungheineken nói...

Vậy thì anh cũng "bó tay", anh chưa gặp trường hợp này nên không biết khắc phục sao nữa...

Phạm Văn Phương nói...

Dạ! Vậy em cảm ơn Anh! Để em tìm nguyên nhân thử xem sao!

Dũng Nguyễn nói...

anh ơi, em muốn thay đổi màu nền của các manu của anh thì phải làm thế nào ạ, mà em có thể thay đổi được các đuôi .css của anh được ko ạ??? cám ơn anh!

dungheineken nói...

Ok, muốn đổi màu cho nó thì em vào file css để đổi nha

Dũng Nguyễn nói...

nhưng làm sao để đổi ạ, ví dụ như file http://dl.dropbox.com/u/66348944/dunghennessy/menungang-nhieucap/ddlevelsmenu-sidebar.css này của anh đổi như nào ạ??

dungheineken nói...

Em đổi mãu bằng các mã màu khác ở các mục nào có chữ color...

shill nói...

Ui ui, em đang cần tìm menu ngang xổ dọc, cơ mà em lại rất thích thanh menu ngang mặc định trong blog của em (mặc dù ko xổ xuống các liên kết được, hix), có cách nào kết hợp được cả hai ko anh nhỉ? ;))
Hì, em hỏi vậy thui, nếu ko được thì em cũng ko có ý kiến gì đâu ạ, do em tham quá thui, cái nào cũng muốn hết :D

dungheineken nói...

Menu ngang mặc định không thể sửa chữa được, nếu em muốn menu ngang khác thì phải làm thủ thuật thôi và bỏ menu ngang mặc định của nó

shill nói...

hì, em cảm ơn anh ^^

Dũng Nguyễn nói...

em biết là sửa ở color nhưng cái bài này là anh sử dụng gắn link html đuôi css e làm sao sửa được ạ?? :(

dungheineken nói...

Em tải file đó về rồi mở ra sửa lại, sau đó up lên host của em rồi thay đường link đó vào là OK mà

Dũng Nguyễn nói...

tạo host khó quá, lằng nhằng lắm a ạ, hic, e mãi ko đăng kí đc, giờ phải làm gì hả anh??Hịc

dungheineken nói...

Vậy thì anh cũng "bó tay" luôn, em phải kiên nhẫn chứ, đâu gì có sẳn cho mình đâu, mình phải tự làm chứ???

Dũng Nguyễn nói...

vâng, hì hì, à anh xem đăng kí host trang nào tốt, chỉ cho em với ạ, nhiều quá, em ko biết chọn cái nào, với cả a dùng rồi tư vấn cho em với ạ, hihi, thank a nha!

dungheineken nói...

Anh đang sử dụng google site để lưu trữ các file Flash và Dropbox để lưu trữ file .js

Dũng Nguyễn nói...

a ơi, sao em dùng lưu trữ Dropbox các file của em, nhưng sao khi chạy nó ko hiện ra gì hết, hic

dungheineken nói...

Vậy là em làm sai rồi, các bước làm như sau:
Copy file rồi dán vào thư mục Public, chờ một lát ở góc trái của file đó có dấu V màu xanh là Ok. Tiếp tục bấm phải chuột vào file đó chọn Dropbox > chọn copy link là xong

huynh nguyen nói...

menu dọc nó không sổ xuống bn giúp mh với :))

dungheineken nói...

Nếu làm đúng như hướng dẫn trong bài mà nó vẫn không xổ xuống thì code này đã bị xung đột với code nào đó ở blog của bạn rồi.

huynh nguyen nói...

OK XONG RỒI, CẢM ƠN BẠN :))

Dũng Nguyễn nói...

em lam được rồi anh ơi, hihi, thanks a nhieu nha :D

dungheineken nói...

Ok, không có chi
Chúc mừng em

민 석 이 nói...

Sao không nhấp được Link cấp 2, nó cứ bị tuột ra cho nên không nhấp được link

dungheineken nói...

Nó bị tuột ra sao? không click vào được hả bạn?
Bạn nêu cụ thể đi hoặc chụp hình gởi qua mail cho mình dungheineken@gmail.com để mình khắc phục cho bạn

민 석 이 nói...
Nhận xét này đã bị tác giả xóa.
dungheineken nói...

Bây giờ bạn kéo tiện ích menu ngang này xuống trên khu vực bài đăng thử xem nha

민 석 이 nói...
Nhận xét này đã bị tác giả xóa.
dungheineken nói...

Bạn làm đúng rồi đó (mình có vào trang Web của bạn xem rồi) nhưng do giao diện blog bạn không thích hợp với menu ngang này.
Vì vậy bạn phải kéo nó xuống phía dưới nằm ngay trên khu vực bài đăng chứ không phải trên khung tiện ích đó, sau đó bấm Lưu lại là bảo đảm sẽ xổ dọc xuống phía dưới. Thử xem

민 석 이 nói...
Nhận xét này đã bị tác giả xóa.
dungheineken nói...

Bây giờ, bạn đăng nhập vào Blog > Chọn Mẫu > chọn chỉnh sửa HTML, sau đó bạn đánh dấu chọn lên ô nhỏ phía trên (mở rộng mẫu tiện ích).
Tiếp tục, bấm cặp phím Ctrl+F để mở hộp tìm kiếm, sau đó gõ vào đó dòng lệnh thẻ đóng header (có dấu gạch chéo phía trước chữ header). Sau đó chép tất cả các code của menu ngang này vào sau dòng lệnh đóng header này và bấm Lưu mẫu.
Bây giờ bạn trở lại Blog xem kết quả thế nào nha
Chúc bạn thành công

민 석 이 nói...
Nhận xét này đã bị tác giả xóa.
dungheineken nói...

Bạn vào đây lựa chọn cho mình một theme vừa ý nha
http://dunghennessy.blogspot.com/search/label/Template
Chúc bạn thành công

Thuong Anh nói...

Đổi màu meny này sao za, nghe nói là đổi css http://dl.dropbox.com/u/66348944/dunghennessy/menungang-nhieucap/ddlevelsmenu-base.css này, nhưng khi mở link này trên trình duyệt wed thì nó hiện ra rất nhìu đoạn mã mà chẳng thể đụng chạm gì dc, mình nghĩ là copy hết đoạn mà này rùi vào chỗ Nâng cao--> thêm CSS--> paste đoạn mã copy--> Ap dụng blog... Mình nghĩ như vậy ko biết có đúng ko nữa, bạn chỉ dùm mình nha

dungheineken nói...

Các màu trên menu là một file ảnh, vì vậy bạn phải đổi ở thẻ image mới được.

Gia Lai Hoàng Huy Phát nói...

mình bỏ menu mặc định như thế nào hả anh

dungheineken nói...

Bạn Huy Phát không nêu rõ bỏ menu mặc định ở themes nào??? (theme tải trên ạmng về hay theme có sẳn của blogspot).
Nếu là theme tải trên mạng về thì bạn vào chỉnh sửa HTML nguồn rồi kiếm menu ngang đó xoá nó đi.
Còn nếu là theme có sẳn của Blogspot thì chỉ cần vào bố cục rồi xoá tiện ích menu ngang này đi.
Cuối cùng bấm Lưu mẫu là OK

Nguyễn Phước Thọ nói...

http://i618.photobucket.com/albums/tt270/nguyenphuoctho/1-2.jpg

bạn ơi mình muốn bỏ cái viền màu đen hoặc thay màu khác thì làm sao hả bạn

dungheineken nói...

Bạn phải tải các file .css về, sau đó thay đổi màu theo ý muốn và upload lên host riêng của bạn, cuối cùng copy link đó thay vào code để áp dụng cho menu

Nguyễn Phước Thọ nói...

làm sao để tải file .css về hả bạn

dungheineken nói...

Bạn copy các đường link file .css rồi dán vào địa chỉ của trình duyệt Web và enter, bạn sẽ thấy code của nó, sau đó bôi đen tất cả, mở notepad dán nó vào, chỉnh sửa theo ý bạn, cuối cùng bấm Lưu đặt tên và upload lên host riêng.

Nguyễn Phước Thọ nói...

mình chỉnh sửa file css nào hả bạn, nó có tới 3 file css lận, khi mình lưu file thì mình save file đó dưới dạng nào hả bạn, đuôi nó .?

dungheineken nói...

Công việc này đòi hỏi bạn phải có kiên nhẫn nha, bạn làm theo các bước sau đây:
Bạn mở từng file css, sau đó tìm kiếm và thay thế ở các dòng lệnh có liên quan như: background color (màu nền), color và border (đường viền).
Bước kế tiếp bạn lưu file này cũng có đuôi là .css, tiếp theo upload lên host lấy link thay vào.
Nếu chưa vừa ý, bạn cứ thế tiếp tục từ đầu cho đến khi theo ý mình thì thôi.
Chúc bạn thành công

Huy Linh Le Nguyen nói...

MINH GO "HOME" TRONG MENU CHINH NHUNG LUC HIEN RA CHI CON "OME"
BAN CLICK VAO DAY XEM DUM MINH
http://huylinhworkshop.blogspot.com/

CHAC LA LOI TRAN LE ROI, BAN SUA DUM MINH NHA

dungheineken nói...

Chắc code này không phù hợp với giao diện bạn đang sử dụng rồi, bạn thử thay giao diện khác xem sao?

Tho Nguyễn Phước nói...

bạn ơi menu ngang nhiều cấp của mình tự nhiên nó bị như vậy là sao hả bạn,có cách nào chỉnh sửa lại ko
thanks bạn trước nha
http://i561.photobucket.com/albums/ss60/phuoctho/2013-01-11_191858_zpsdc85050c.jpg

dungheineken nói...

À, do sự cố kỹ thuật vừa xảy ra cách đây khoảng 3 ngày, nên mình đã chỉnh sửa lại, vì vậy bạn vui lòng copy lại code trên bài nha.
Thành thật xin lỗi bạn vì sự bất tiện này.

Tho Nguyễn Phước nói...

EC VẬY LÀ MÌNH PHẢI LÀM LẠI TỪ ĐẦU HẢ HIXHIHXIXHX
;(( ;(( ;(( ;(( ;(( ;(( ;((

Tho Nguyễn Phước nói...

bạn ơi mình đã chỉnh xong rồi, nhưng giờ nó nhỏ quá có cách nào cho nó to lên ko bạn

http://i561.photobucket.com/albums/ss60/phuoctho/2013-01-11_204257_zps56afc6cd.jpg

thanks bạn trước nha

dungheineken nói...

Lúc trước bạn làm nó to lên bằng cách nào thì làm lại đi, mình đâu có chỉnh sửa gì đâu chỉ thay đổi host thôi mà...

Tho Nguyễn Phước nói...

bạn ơi sao cai menu của mình nó lại bị bể nữa vậy

dungheineken nói...

Vậy code này chắc có xung đột với một code nào đó ở blog bạn rồi...

Hntvip nói...

Bạn cho mình hỏi: cái URL để vào các menu chính là bạn sẽ tạo thêm nhiều trang blog mới rồi copy cái URL đó để vào chuyên mục riêng hay gì?
vd: mình muốn vào thư mục game - mình sẽ tạo 1 blog khác chỉ nói về game,khi người ta click vào thì nó sẽ liên kết đến đó! thank

dungheineken nói...

Chính xác...bạn lập một blog mới hoặc một nhãn (chủ đề), sau đó copy đường link (URL) của "nó" thay vào dấu # là Ok

Hntvip nói...

bạn cho mình hỏi tạo "góc tiện ích" của bạn bằng cách nào!thank

dungheineken nói...

Bạn tham khảo bài này nha:
* SẮM GÓC TIỆN ÍCH CHO BLOGSPOT

Đăng nhận xét

 
Powered by by: Blogger