Đầu tiên bạn chèn code CSS của menu vào trong code template, ta làm như sau: 1. Đăng nhập blog 2. Vào chỉnh sửa code HTML 3. Chèn code ...

Đầu tiên bạn chèn code CSS của menu vào trong code template, ta làm như sau:
1. Đăng nhập blog
2. Vào chỉnh sửa code HTML
3. Chèn code CSS bên dưới vào trên dòng ]]></b:skin>

ul.navigation {
list-style:none;
width: 160px;
margin:0;
padding:0;
}

#menu a {
display: block;
padding: 5px 3px 5px 10px;
font-weight:bold;
background-color: #222222;
border-top: 1px solid #efefef; /* code tạo dòng ngăn cách giữa các menu*/
}

#menu a:link {
color: #efefef;
text-decoration: none;
}

#menu a:visited {
color: #efefef;
text-decoration: none;
}

#menu a:hover {
background:#222222 url(http://www.tutorial5.com/images/stories/menu-arrow.gif) no-repeat left center;
text-indent:15px; /* dòng lệnh này sẽ làm dịch chuyển các kí tự đi 15px */
}

#menu a:active {
color: #efefef;
text-decoration: none;
}

Chú ý : ảnh icon http://www.tutorial5.com/images/stories/menu-arrow.gif bạn có thể thay đổi theo ý bạn. Nếu sử dụng ảnh này, bạn nên chú ý đến màu nền của menu và màu nền của ảnh.

4. Save template lại.
5. Tạo 1 Widet HTML/Javascript rồi chèn code HTML bên dưới vào: