Menu không cấp đẹp  - đơn giản

Lưu ý là: menu này mình có thêm ID
Để cho bạn nào thích có thể làm cái đính menu ở đầu trang

Demo online

---

Cách tiền hành

---

1. Đăng nhập blogspot -> mẫu -> chỉnh sửa HTML -> ctrl + F tìm dòng: ]]> và thêm trước nó dòng:

  Code
ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; /*--thiết lập vị trí của ul chưa menu--*/ font-family: Tahoma; font-size: 16px; color: #FFFFFF; font-weight: Bold; background-color: #287800; } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 0px solid #555; /*-- các menu li --*/ } ul#topnav li a { padding: 6px 10px; display: block; color: #f0f0f0; text-decoration: none; } #topnav li a:hover, #topnav li a:active, #topnav li a:focus { color: #319300; /* Màu chữ khi rê chuột vào */ background-color:#FFFFFF; /* Màu nền khi rê chuột vào */ } ul#topnav li:hover {background: #319300; url(topnav_active.gif) repeat-x; } ul#topnav li span { float: left; padding: 6px 0; position: absolute; left: 0; top:26px; display: none; /*-- mặc định menu cấp 2 là ẩn --*/ width: 100%; background: #319300; color: #ffffff; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 7px; -khtml-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius:7px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 7px; -khtml-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; } ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/ ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/ ul#topnav li span a:hover {text-decoration: none; background: #00AE00; color:#FF0000;}


2.Tìm dòng và thêm đoạn code vào trước nó
Hoặc vào Bố cục -> Thêm tiện ích -> Javar script/HTML
Code
<div class='topnav' id='topnav1'> <ul id="topnav"> <li> <a href="http://tuihay.com">Home</a></li> <li> <strong><a href="http://cf.tuihay.com">Đột Kích</a></strong></li> <li> <strong><a href="http://gunny.tuihay.com">Gunny</a></strong></li> <li> <strong><a href="http://speed.tuihay.com">Zing Speed</a></strong></li> <li> <strong><a href="http://cuoi.tuihay.com">Xem Hài</a></strong></li> <li> <strong><a href="http://wap.yeuhack.com">Game Điện Thoại</a></strong></li> <li> <strong><a href="http://phim.tuihay.com">Phim 18</a></strong></li> </ul> </div>

Chỉnh sửa url  và tên cho phù hợp

<div class='topnav' id='topnav1'>
topnav - topnav1 chính là tên menu dùng trong đính menu ở đầu trang

Xem cách đính menu luôn ở đầu trang hoặc cuối trang: Tại Đây

Coppy ghi rõ nguồn: http://thuthuat.tuihay.com nhé  tks