Menu ngang xổ dọc xuống nhiều cấp (Kiểu 2) - Update

Anh ơi thế muốn cho Menu ra giữa như của anh thì làm thế nào
Cái menu của anh làm đẹp lắm có điều nó lệch trái trông rất xấu và ko phù hợp với đa số Blogger
Anh giúp em với

@thangzerobạn thay chữ left trong code dưới thành center:
<br style="clear: left" />
Chúc thành công!

Cảm ơn bạn nha,mình làm được rồi... nhưng có cái này mình hỏi tí: làm sao để thanh menu nằm dưới cái tên blog vậy bạn. Làm theo code trên thì thanh menu nó nằm trên đầu cái tên blogko đẹp lắm. (Mình muốn cái thanh menu nằm ở vị trí như blog của bạn đó, nằm dưới chữ NAMKNA.BLOGSPOT.COM)

@Lê Phổ Hoàng Khangnhưng có cái này mình hỏi tí: làm sao để thanh menu nằm dưới cái tên blog vậy bạn. Làm theo code trên thì thanh menu nó nằm trên đầu cái tên blogko đẹp lắm. (Mình muốn cái thanh menu nằm ở vị trí như blog của bạn đó, nằm dưới chữ NAMKNA.BLOGSPOT.COM)
- theo như mình thấy thì thanh Menu trong Blog dịch vụ thang máy của bạn đã nằm dưới tên Blog đó rùi thui :(

^___^ Menu nó nằm dưới tiêu đề blog rùi bạn ui, mà ko bik mình có làm sai gì ko mà gặp 2 sự cố:
1. Chỉ chuột vô menu chính thì nó hiện ra menu sub nhưng ko nhấp vô sub được, di chuyển chuột xuống sub là nó tắt menu liền.
2. menu sub hiện thị bị phần bài viết nó che khuất.

=))

Hay bạn coppy cho mình cái menu của bạn được hok, nhìn đơn giản mà hiệu quả... ^___^ cảm ơn bạn nhìu nhan

@Lê Phổ Hoàng Khang Cái này là do phần brackgroud trong Blog bạn có thuộc tính hiện trên, hiện thời bạn có thể dùng TẠI ĐÂY
Chúc thành công!

Update cho các bạn, để khắc phục hiện tuwongj thanh menu xổ xuống bị bài viết đè lên bạn tìm thuộc tính position:relative; ở những lớp post như .post, .main. và xóa position:relative; đi :).
Lưu ý coi chừng xóa nhầm đó nha! Bạn nên sao lưu Template trueeocs nha :P

Cho mình hỏi muốn đưa các nhãn vào menu thì làm như thế nào vây.

@Trái cây văn phòng Bạn chú ý code có dạng tương tự như sau (Code này ở bước 5):
<li><a href="#">Sub Item 1.1</a></li>
Trong đó:
+ Dấu # là liên kết tới nhãn bạn muốn
+ Chữ Sub Item 1.1 là tên của nhãn đó.
Chúc thành công!

:9) Tớ vừa sửa cái domain mới, mời bạn qua chơi và góp ý cho tớ với nhé. Thanks!^^

@vatinam.net Cái biểu tượng trái tim quyên thuộc đâu mất rồi :3) :3) :3)

em ko hiểu lắm em thay vào tem Cong ly thi lam the nao em lam đến buoc 5. Bây giờ bạn hãy thêm 1 HTML/Javascript và dán code bên dưới vào ::::thì ko hiểu thêm vào trong cho chỉnh sữa html hay them chỗ bố cục thêm trong chỗ chỉnh sữa html thì thêm đoạn nào vậy>

@phanquyen135 Em chú ya nha:
- bước 4 anh đã nhắc Save template lại rùi phải không.
- Bước 5 em vào thiết kế - Phần tử trang và tạo một Wiget trên phần header và thêm nó vào nha.:3) :3) :3)

Bạn ơi cho mình hỏi cách edit sai để link cmt hay link người cmt khi bấm sẽ mở tab mới
target="_blank"

Muốn chỉnh chiều cao của menu chính xuống tí thì làm thế nào hả bác?
Xem ở đây http://tanchau123.blogspot.com :3)

À làm đc rồi, dù sao cũng cảm ơn vì bài viết của bác :1)

Nhận xét này đã bị tác giả xóa.

anh cho em hỏi ạ:
cái dấu "#" dùng để dẫn. nhưng em không biết dẫn. anh có thể chỉ em rõ hơn dược không ạ?
em gà mờ quá!!!hihihi

@Tanchau123 Không có gì :3) :3) :3) . mọi người làm thành công là mình vui lém rùi :3) :3) :3)

Mấy bưa em đang thi nên chưa vao blog đươc
Hôm trước anh bảo em Phần tử trang và tạo một Wiget trên phần header và thêm nó vào nha
Nhưng em ko hiểu lắm thêm wiget em cung ko hiểu nữa vì dân khối C thui.
Có fai em xóa hết code Menu của them công ly ko anh
Hom trươc em thêm mot javasip/html roi dan code vao thi no năm trên đầu trang luôn hoặc dan 1 bên thi no nam mot ben
Anh hương dan cu the em với ạ

http://phanquyen135.blogspot.com/

@nghetamlanvien Dấu thăng chính là liên kết tới bài viết hoặc nhãn:
Ví dụ:
Đoạn code ban đầu như sau:
<li><a href="#">Sub Item 2.2</a>
Sau khi thay đổi có dạng như dau:
<li><a href="http://namkna.blogspot.com/search/label/Blogspot-tips?max-results=5">Thủ thuật Blog</a>
Em thay đổi tương tự nha. :3) :3) :3)

@phanquyen135 Nếu em muốn bỏ menu trong template công lý và thay vào đó là cái menu này thì em làm như sau:
1. Xóa CSS:
2: Xóa các thẻ bắt đầu từ: <div id='menu'> đến trước thẻ <div id='wrap'> (nhứ là trước thẻ <div id='wrap'> nha)
Và thay thế nó thành đoạn code ở bước 5. là Ok.

Mình làm theo bạn, tạo được thanh menu ok rùi, nhưng bạn nhìn xem sau có một khung menu giải trí bị thả thành 2 dòng, làm sau điều chỉnh bi giờ,Mình mới tạo blog lần đầu, bạn chỉ mình với. Thank bạn nhiều.

@Thanh Trúc bạn để lại địa chỉ blog của bạn để mình coi nào :3) :3)

Menu này bị lỗi nhiều lắm, khi mình xài rồi thì lúc thích nó hiện lên còn không là tự động mất luôn, có khi mấy ngày mới trở lại.

@Lê Hoàng Chiến Đâu có lỗi gì đâu bạn. bản mình Demo vẫn chạy tốt xuốt 5 tháng qua mà chưa thấy phát sinh lỗi nào :3) :3) :3)

Bác ơi giúp em với, sao em ko tạo được cái menu nó cân ở giữa nhỉ? nó cứ bị lệch một vệt xanh ở giữa ntn: http://daututiente.blogspot.com Bác có cách nào giúp em can vào giữa ko? Cho nó đẹp tí, thank bác nhiều:2)

@daututiente Bạn thêm code bước 5 vào 1 tiện ích HTML/Javarscrip (đặt tiện ích này ngay bên dưới phần tiêu đề blog)hoặc thêm vào trước thẻ </header>.
- Hiện tại bạn đang đặt nó dưới phần header do vậy mới có lỗi đó.:3) :3) :3)

@zhu geliang Bạn đặt tiện ích đó nagy bên dưới phần header là Ok. Ở blog đó bạn đặt bên trên bài đăng do vậy bị lỗi bở thuộc tính CSS của phần bài đăng. :3) :3) :3)

@zhu geliang Trong bước 5 có sẵn rùi mà. bạn thay đổi mã màu ở 2 đoạn code sau:
- Đoạn 1:
.jqueryslidemenu ul li a:hover{
background:#2B60DE; /* màu hiệu ứng khi rê chuột vào các link*/
color: white; /*màu text khi rê chuột*/
}
- Đoạn 2:
.jqueryslidemenuz ul li ul li a:hover{
background: #eff9ff;
color: black;
}
- tahy đổi phần in dậm nha.
- nếu muốn thay đổi màu chữ thì bạn thay dổ phần tên màu sau chữ color.:3) :3) :3)

@zhu geliang Nói như bạn chỉ cần chỉnh CSS của cái mới này thôi ví dụ:

- Bo các gọc thì thêm thuộc tính: border-radius:10px;
- hiệu ứng nhỏ lại khi dê chuột vào thì thêm thuộc tính Width:...px

Nói chung nằm trong phần CSS. bạn đêm so sánh với CSS của cái menu cũ bạn sẽ thấy các thuộc tính a:hover khác nhau để xem xét và chỉnh sửa. :3) :3) :3)

@zhu geliangOk nếu cò gì vướng mắc bạn cứ hỏi :3) :3) :3) :3)

@zhu geliang Bạn thủ thêm các thẻ dang như:
border-top: ....px solid #fff;
border-bottom: ....px solid #fff;
border-right:....px solid #fff;
border-left:....px solid #fff;
coi thế nào. thêm số vào nha.

Bác xem hộ em với, em giống bác này"zhu geliang" đã đặt code HTML/Javascript ngay dưới tiêu đề tuy nhiên ko hiện menu sub..
Bác ấy đã khắc phục được nhưng em thì chưa hix . mong bác giúp ....

@tam nguyen bạn không để lại địa chỉ blog mình sao biết mà giúp bạn.

- Tuy nhiên bạn có thể khắc phục như sau:

- Vào Thiết kế => Phần tử trang => Chọn Chỉnh sửa Widget mà bạn chứa code HTML ở trên => Sau đó xác định ID của Widget đó ở trên thanh Adress nh­ư hình này.

- tiếp theo vào chỉnh sửa HTML (Không được chọn mở rộng tiện ích mẫu)
Và bạn tìm wiget chứa ID đó có dạng như sau:
<b:widget id='<b>HTML2</b>' locked='false' title='' type='HTML'/>
Bạn cut đoạn này ra word.

- Tiếp theo tìm wiget header bằng các bấm Ctrl+F và gõ từ kháo header vào bạn sẽ tìm dduwwocj đoạn code như sau:
<b:widget id='Header' locked='true' title='namknatest (Tiêu đề)' type='Header'/>
</b:section>

- Đạn đoạn code bạn cut ra word lúc nãy vào sau đoạn vừa tìm được. khi đó có dạng như sau:
<b:widget id='Header' locked='true' title='namknatest (Tiêu đề)' type='Header'/>
</b:section>
<b:widget id='<b>HTML2</b>' locked='false' title='' type='HTML'/>
Bấm lưu mẫu lại là dduwwocj.

Nhận xét này đã bị tác giả xóa.

Nhận xét này đã bị tác giả xóa.

@tam nguyen Có vấn đề thế này bạn cần biết sau khi bạn thêm đoạn code tành như sau:
<b:widget id='Header1' locked='false' title='tamhafamily (Tiêu đề)' type='Header'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section> Bạn lưu lại mò bị báo lỗi mình sẽ không bao giờ viết blog nữa.

- Lỗi bạn gặp phải là do bạn đặt phần:
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
vào sau thẻ đóng </b:section> trong khi mình bảo đặt ngay sau thẻ
<b:widget id='Header1' locked='false' title='tamhafamily (Tiêu đề)' type='Header'/>

- Thêm nữa sau khi đăth thành như sau:
<b:widget id='Header1' locked='false' title='tamhafamily (Tiêu đề)' type='Header'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section> Thì bạn phải xóa đoạn code chứa html2 ban đầu đi để tránh trùng khớp nha.:3) :3) :3) :3)

Nhận xét này đã bị tác giả xóa.

Nhận xét này đã bị tác giả xóa.

Mình đã khắc phục được thanks nhé........

Nhận xét này đã bị tác giả xóa.

http://like-yahoo.blogspot.com

@tam nguyen không có gì :3) :3) :3)

@MrLike Bạn không nên Spamlink nữa. nếu tiếp tục mình sẽ khóa hản account lại đó :3) :3) :3)

bạn ơi sao mình đã xóa position:relative; như bạn chỉ ở trên rồi mà thanh menu xổ xuống vẫn bị bài viết đè lên vậy ???có cách nào khắc phục không bạn...?

@tamhafamilyBạn xem lại các thuộc tính overflow:hidden; đi nha, mà mình không thấy menu xổ dọc xống đâu cả.

thuộc tính overflow:hidden phải điều chỉnh như thế nào vậy bạn.bạn vào không thấy là vì mình chỉnh hoài không được nên xóa luôn rôi .chuyển sang dùng Menu luôn hiển thị trên đầu hoặc chân blogspot nhưng nó cũng vậy lúc kéo xuống vẫn bị bài viết che mất hix. làm cả ngày ngòi trước máy tính quạy phá mà không có kết quả gì...hix đúng là gà...

@tamhafamily bạn thêm thuộc tính z-index: 8000; vào CSS của menu bằng cách vào Thiết Kế - Chỉnh sửa HTML và tìm đoạn code sau:
.jqueryslidemenu{
font: bold 12px Verdana;
background:transparent; /* màu nền của menu*/
width: 100%;
}

Và đổi thành:
.jqueryslidemenu{
font: bold 12px Verdana;
background:transparent; /* màu nền của menu*/
width: 100%;
z-index: 8000;
}

- Lưu mẫu lại và xem kết quả nha. :3) :3) :3)

Thiết Kế - Chỉnh sửa HTML không tìm thấy đoạn code này
.jqueryslidemenu{
font: bold 12px Verdana;
background:transparent; /* màu nền của menu*/
width: 100%;
}
vì ở bước 5 mình cho nó vào HTML/Javascript nên mình đã vào đó sữa lại giống bạn nói nhưng vẫn không được . thôi đi ngủ vậy mai dọc tiếp hix...

Rê chuột vào không thấy menu sổ xuống bạn ơi, help mình nhe. tks.
http://phannhacompany.blogspot.com

Bạn giup với mình làm nó không hiện sub menu cấp 2,....
http://vahanamok.blogspot.com/

Chào admin, mình tập làm theo HD nhưng không thấy menu cấp 2 hiện ra.
Rất mong nhận được sự giúp đỡ của bạn.
Blog: http://vahanamok.blogspot.com/

Xin lỗi, bạn có thể HD kỹ hơn một chút được ko, mình hơi "gà"....

Cảm ơn bạn. Mình đã làm được rồi. Cho mình xin hai bài viết này của bạn để đăng trên Blog của mình nhé(mình sẽ ghi rõ nguồn)......

Để chèn code vào bài viết đăng trên Blog mình thấy cách làm (theo như mình biết) khá lằng nhằng và khó khăn (làm rất chậm) bạn có cách nào nhanh và dễ làm không chỉ mình với. Thanks!

cam on Nam Ta rat nhieu, minh da lam thanh cong menu cho blog cua minh, co minh hoi them bay gio minh muon thiet ke mau nen cua menu co chieu rong het ca trang giong nhu cua Facebook thi lam nhu the nao vay?
Trang minh dang lam la: http://nguoiduyxuyen.blogspot.com/.

Bán thay đổi đoạn sau:

.jqueryslidemenu{
font: bold 12px Verdana;
background:#3B5998; /* màu nền của menu*/
width: 100%;
}

Thành:

.jqueryslidemenu{
font: bold 12px Verdana;
background:#3B5998;
width: 1000px;
margin-left:-50px
}

#3B5998 là màu nền
1000px; là độ rộng
-50px là căn lên so mới bên trái có thể dùng số âm hoặc số dương sao cho menu lùi về bên trái

Cho em hỏi làm sao để đăng bài viết trong mỗi menu?
Giống như khi vào category của wordpress ý.
Em cám ơn!

Chào bạn,
Bài viết bạn rất hay
Mình muốn bạn chỉ giáo thêm dùm mình nhé
Mình copy mấy đoạn code của bạn và làm đúng hướng dẫn nhưng thanh menu của mình vẫn không xổ xuống, là sao vậy bạn?
Riêng phần: 'Do hiện tại host goole code của mình bị ban từ nhà cung cấp do vậy các bạn chịu khó Download 2 File JS về TẠI ĐÂY sau đó Upload lên Hosting riêng để dùng, nếu chưa có host thì bạn chịu khó xem host miễn phí Tại đây"
Mình có đăng ký giống như bạn hướng dẫn và download file về nhưng không biết upload là chọn file nào?
Rất mong bạn chỉ giáo
Chúc bạn nhiều sức khỏe và tiếp tục chia sẻ

Chào bạn ,mình chờ hồi âm của bạn mà bùn quá,mình không thấy menu con trỏ xuống gì cả giúp mình nha

http://haithienlonghp.blogspot.com
bạn kiểm tra giúp mình với thanh menu ko co menu con

Bạn ơi, tớ làm mà không ra được menu cấp 2,3
giúp tớ dc không?

haihoanglove> có thể chỉ mình làm 1 cái logo động dc hok mình củng mới vừa lập 1 blog nhỏ để giới thiệu bạn bè nhưng ko biết làm sao cho bắt mắt tí .chân thành tks ! bạn nhìu có time thì gởi qua mail dùm mình nha nguyenhaihoang11111@gmail.com mình đợi tin bạn .

Menu giải trí bị thả xuống thành 2 dòng, giúp mình với!
blog mình: vatlitrungluan.blogspot.com

Bạn xem hình này nè: https://docs.google.com/file/d/0B8OVAX1NyR8oRndRdk5XOWtKdUE/edit
Mặt khác menu bị nền blog đè bên dưới nữa. Bạn có thể chỉnh lại code trên cho hoàn chỉnh mình chỉ việc copy và dán là ok dùm được không?thanks

cám ơn bài chia sẻ của bạn, mình thấy good, bạn cho minh hỏi làm sao để viết bài trên các thanh menu đo bạn giúp mình nhé.

Trọng Trung

Nhận xét này đã bị tác giả xóa.

Nam giúp Văn Nguyễn cái thanh menu này chút. Loay hoay cả buổi chiều ngồi sửa sang và thiết kế lại cái menu này. Tất cả đều ưng ý rồi, chỉ mỗi 1 lỗi không tìm được cách sửa:

- Mình không trỏ chuột từ menu xuống sub menu được.
- Cứ trỏ xuống là sub biến mất

Bây giờ mình xóa hoặc thêm dòng code nào thì khắc phục được lỗi này. Nhờ bạn giúp.

Blog: http://daisudulich.blogspot.com/

Bạn ơi cho mình hỏi, mình đã chỉnh sửa khá nhiều cáh mak bạn nói, nhưng sao blog của mình cái menu nó vẫn ko thấy được cấp 2, nó cứ bị mất, bạn giúp mình với
blog của mình: http://kinhcan1994.blogspot.com/2014/12/danh-sach-nhom-kinh-can.html

TIN TỨC TRONG NGÀY, TIN TỨC 24H, TIN MOI, TIN TUC VIET NAM, BONG DA, TIN THE THAO, NGHE NHAC, LAM DEP, CUP C1, CƯỜI 24H, TIN AN NINH, THE THAO, BONG DA ANH, DIEM THI THPT, TRỰC TIẾP BÓNG ĐÁ HÔM NAY, TIN CHUYEN NHUONG, BAO BONG DA, ĐIỂM CHUẨN 2015, LICH PHAT SONG BONG DA

TIN TỨC TRONG NGÀY, TIN TỨC 24H, TIN MOI, TIN TUC VIET NAM, BONG DA, TIN THE THAO, NGHE NHAC, LAM DEP, CUP C1, CƯỜI 24H, TIN AN NINH, THE THAO, BONG DA ANH, DIEM THI THPT, TRỰC TIẾP BÓNG ĐÁ HÔM NAY, TIN CHUYEN NHUONG, BAO BONG DA, ĐIỂM CHUẨN 2015, LICH PHAT SONG BONG DA

Mình muốn điều chỉnh khoảng cách giữa Tiêu đề Blog với thanh Menu ngang bên dưới làm thế nào vậy ad? Vì tiêu đề Blog mình cách xa Menu quá nên nhìn không cân đối lắm