<link href='http://chipteenplis.googlecode.com/files/ddsmoothmenu-v.css ' rel='stylesheet' type='text/css'/>
<script src='http://chipteenplis.googlecode.com/files/jquery.min.DC.js' type='text/javascript'/>
<script src=' http://chipteenplis.googlecode.com/files/menu24h.JS ' type='text/javascript'>
</script>
<script type='text/javascript'>
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link href='http://traidatmui.110mb.com/Myfile/css/style24h.css' rel='stylesheet' type='text/css'/>
<script src='http://chipteenplis.googlecode.com/files/jquery.min.JS' type='text/javascript'/>
<script src='http://chipteenplis.googlecode.com/files/menu24h.JS ' type='text/javascript'/>
<script type='text/javascript'>
ddsmoothmenu.init({
mainmenuid: "smoothmenu2",
orientation: 'v',
classname: 'ddsmoothmenu-v',
//customtheme: ["#804000", "#482400"],
contentsource: "markup"
})
</script>
3>Các bạn tạo 1 HTML/JAVARSCRIPT sau đó chèn đoạn code sau vào na.
<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://chipkool.blogspot.com'>INDEX</a>
<ul>
<li><a href='http://chip-4rum.forumvi.net/'>CHIP4-RUM</a></li>
<li><a href='#'>CHAT ZOOM</a></li>
<li><a href='#'>CONTACT ME</a></li>
</ul>
</li>
<ul>
<li><a href='http://chipkool.blogspot.com/search/label/thu%20thuat%20blogger'>BLOGGER</a></li>
<li><a href='#'>BLOG PLUS</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/thu%20thuat%20vi%20tinh'>VI TINH</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/thu%20thuat%20internet'>INTERNET</a></li>
<li><a href='#'>
<li><a href='#'>PHOTOSHOP</a></li>
<li><a href='#'>MICROSFT</a></li>
</ul>
</li>
<li><a href='#'>GIẢI TRÍ</a>
<ul>
<li><a href='#'>VIDEO - CLIP</a>
<ul>
<li><a href='#'>Sub Item 1.1.1</a></li>
<li><a href='#'>Sub Item 1.1.2</a></li>
<li><a href='#'>Sub Item 1.1.3</a></li>
<li><a href='#'>Sub Item 1.1.4</a></li>
<li><a href='#'>Sub Item 1.1.5</a></li>
<li><a href='#'>Sub Item 1.1.6</a></li>
<li><a href='#'>Sub Item 1.1.7</a></li>
</ul>
</li>
<li><a href='#'>HI-TIVI ONLINE</a></li>
<li><a href='#'>XEM PHIM</a>
<ul>
<li><a href='#'>PHIM HAY</a></li>
<li><a href='#'>PHIM NÓNG</a></li>
<li><a href='#'>WEB XEM PHIM</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>PHẦN MỀM</a>
<ul>
<li><a href='#'>Sub Item 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Sub Item 2.1.3</a></li>
<li><a href='#'>Sub Item 2.1.4</a></li>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Sub Item 2.1.3</a></li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.2</a>
<ul>
<li><a href='#'>Sub Item 2.2.1</a></li>
<li><a href='#'>Sub Item 2.2.2</a></li>
<li><a href='#'>Sub Item 2.2.3</a></li>
<li><a href='#'>Sub Item 2.2.4</a></li>
<li><a href='#'>Sub Item 2.2.1</a></li>
<li><a href='#'>Sub Item 2.2.2</a></li>
<li><a href='#'>Sub Item 2.2.3</a></li>
<li><a href='#'>Sub Item 2.2.4</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.3</a></li>
<li><a href='#'>Sub Item 2.4</a></li>
</ul>
</li>
<ul>
<li><a href='http://chipkool.blogspot.com/search/label/blog%20radio1'>CỬA SỔ TÂM HỒN</a></li>
<li><a href='#'>NHẬT KÝ</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>SITEMAP</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Sub Item 2.1.3</a></li>
</ul>
</li>
</ul>
<br style='clear: left'/>
</div>
<li><a href='#'>Sub Item 2.1.1</a></li>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Sub Item 2.1.3</a></li>
<li><a href='#'>Sub Item 2.1.4</a></li>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Sub Item 2.1.3</a></li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>