Hôm nay chip giơi thiệu cho các bạn 1 thủ thuật tạo menu ngang rất hay,mà hiện tại chip cũng đang dùng.
BẮT ĐẦU THỦ THUẬT:
1.Bạn vào bảng điều khiển -> thiết kế -> chỉnh sử html -> mở rộng mẫu tiện ích.
2.bạn copy hết đoạn code bên dưới và chèn sau thẻ
<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>
<style media='print' type='text/css'>
#linkbar-wrapper, #comments, #header-wrapper, .widget-content, #lower-wrapper, #header, #sidebar-wrapper,.sidebar, .comment-form,.post-footer,#blog-pager,.post-feeds,#backlinks-container,#navbar-section,.lowerbar-wrapper, #backbutton {display:none !important;}
#content-wrapper,#main-wrapper,#main {font-size:12px;float:none !important;overflow:visible !important;width:auto !important;}
#main a{color:#0000ff;text-decoration:none;}
</style> <script src='http://chipteenplis.googlecode.com/files/dropdown2.js' type='text/javascript'>
</script>
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<link href='http://chipteenplis.googlecode.com/files/style.css ' rel='stylesheet' type='text/css'/>
<script src='http://chipteenplis.googlecode.com/files/script.js ' type='text/javascript'/>
<!--MULTI-LEVEL-DD-MENU-http://www.CHIPKOOL.BLOGSPOT.COM-->
<style type='text/css'>
#navbar-iframe {
height: 0px;
}
</style>
<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 widget Html javar/script sau đó copy toàn bộ code bên dưới sau đó dán vào widget đó (bạn nhớ kéo widget lên trên widget bài viết nha)
<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://chipkool.blogspot.com'>HOME</a>
<ul>
<li><a href='http://www.chipkool.blogspot.com/2011/04/lien-he-voi-chipkool.html'>GIỚI THIỆU</a></li>
<li><a href='http://www.chipkool.blogspot.com/2011/04/huong-dan-post-bai-viet-len-webblog.html'>HƯỚNG DẪN POST BÀI</a></li>
<li><a href='http://clan-family.forumvi.net/'>CHIP4-RUM</a></li>
<li><a href='http://chipkool.blogspot.com/2010/11/7-cach-nhan-bietgiai-con-zin.html'>CHAT ZOOM</a></li>
<li><a href='http://chipkool.blogspot.com/2010/12/icon-blog.html'>LIÊN HỆ - GÓP Ý</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/trao-oi-lien-ket-cong-ong-blogger-viet.html'>KẾT NỐI BLOGGER</a></li>
</ul>
</li>
<li><a href='#'>THỦ THUẬT</a>
<ul>
<li><a href='#'>BLOGGER</a>
<ul>
<li><a href='http://www.chipkool.blogspot.com/search/label/blogger%20c%c6%a1%20b%e1%ba%a3n?max-results=10'>BLOGGER CƠ BẢN</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/th%e1%bb%a7%20thu%e1%ba%adt%20blogger?max-results=5'>BLOGGER NÂNG CAO</a></li>
</ul>
<li><a href="http://www.chipkool.cz.cc/search/label/T%C3%AAn%20mi%E1%BB%81n?max-results=10">TÊN MIỀN</a></li>
</li>
<li><a href='http://chipkool.blogspot.com/search/label/th%e1%bb%a7%20thu%e1%ba%adt%20internet?max-results=5'>INTERNET</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/th%e1%bb%a7%20thu%e1%ba%adt%20mobile?max-results=5'>MOBILE</a></li>
<li><a href="#">CÔNG CỤ BLOGGER</a>
<ul>
<li><a href="http://www.truyen-chipkool.cz.cc/p/cong-cu-ma-hoa-code-htmljavarscript.html">MÃ HÓA HTML</a></li>
<li><a href="http://chipkool.blogspot.com/2010/12/xem-ma-nguon-1-website-bat-ky.html">XEM MÃ NGUỒN WEB</a></li>
<li><a href="http://www.truyen-chipkool.cz.cc/p/truyen-tranh.html">VIẾT CHỮNGƯỢC</a></li>
<li><a href="http://chipkool.blogspot.com/2010/11/8-ieu-xx-khong-nen-co-bau-o-tuoi-day.html">GỬI THIỆP ĐIỆN TỬ</a></li>
<li><a href="http://www.chipkool.blogspot.com/2011/05/photoshop-online.html">PHOTOSHOP ONLINE</a></li>
<li><a href="http://chipkool.blogspot.com/2010/11/bang-ma-mau-hexa.html">BẢNG MÃ MÀU</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>GIẢI TRÍ</a>
<ul>
<li><a href='#'>GAMES FLASH</a>
<ul>
<li><a href='http://www.chipkool.cz.cc/2011/04/game-bong.html'>GAMES BÓNG ĐÁ</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/game-picachu-online-hay-ghe.html'>GAMES PICACHU</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/games-ua-xe-toc-o.html'>GAMES ĐUA XE</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/game-hanh-ong-tieu-diet-ac-quy.html'>GAMES DIỆT QUỶ</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/game-kinh-di-thi-tran-chet-choc.html'>GAMES KINH DỊ</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/sieu-nhan-gao-online.html'>GAMES SIÊU NHÂN</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/tro-choi-tinh-yeu.html'>GAMES TÌNH YÊU</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/games-ao-vang.html'>GAMES ĐÀO VÀNG</a></li>
<li><a href='http://www.chipkool.cz.cc/2011/04/games-kim-cuong-choi-la-nghien.html'>GAMES KIM CƯƠNG</a></li>
</ul>
</li>
<li><a href='#'>TRUYỆN ONLINE</a>
<ul>
<li><a href='http://www.chipkool.blogspot.com/search/label/s%e1%bb%a9c%20kh%e1%bb%8fe?max-results=10'>TRUYỆN TÌNH YÊU</a></li>
<li><a href='http://www.chipkool.blogspot.com/search/label/c%c6%b0%e1%bb%9di?max-results=10'>TRUYỆN CƯỜI</a></li>
<li><a href='http://truyen-chipkool.blogspot.com/'>TRUYỆN TRANH</a></li>
<li><a href='#'>TRUYỆN MA </a></li>
<li><a href='#'>TRUYỆN 18+ </a></li>
<li><a href='http://www.chipkool.cz.cc/search/label/download%20truy%e1%bb%87n?max-results=10'>DOWNLOAD TRUYỆN</a></li>
</ul>
</li>
<li><a href='#'>MUSIK ONLINE</a>
<ul>
<li><a href='http://chipkool.blogspot.com/2011/01/nhac-viet-hay.html'>NHẠC VIỆT ONLINE</a></li>
<li><a href='http://chipkool.blogspot.com/2010/12/am-nhac-ban-toi.html'>NHẠC ANH ONLINE</a></li>
<li><a href='http://chipkool.blogspot.com/2011/04/nhung-bai-hat-khong-loi-hay-nhat.html'>NHẠC KHÔNG LỜI</a></li>
<li><a href='http://chipkool.blogspot.com/2010/12/thu-thuat-blogger.html'>DANH SÁCH BH HOT</a></li>
</ul>
</li>
<li><a href='#'>VIDEO CLIP</a>
<ul>
<li><a href='http://chipkool.blogspot.com/search/label/clip%20th%e1%bb%a7%20thu%e1%ba%adt?max-results=5'>CLIP THỦ THUẬT</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/%e1%ba%a3o%20thu%e1%ba%adt'>CLIP ẢO THUẬT</a></li>
<li><a href='http://www.chipkool.cz.cc/search/label/pv%20vui%20nh%e1%bb%99n?max-results=10'>PV VUI NHỘN</a></li>
<li><a href='http://chipkool.blogspot.com/search/label/clip%20girl%20xinh?max-results=5'>CLIP GIRL XINH</a></li>
Gần xong rùi:
Giờ chip hướng dẫn cho các bạn cách chỉnh sửa Menu cho blog của các bạn nha.
*> Để tạo thêm 1 menu cha thì bạn thêm phần như màu đỏ sau:
<li><a href="#">CÔNG CỤ BLOGGER</a></li>
Còn để thêm Menu con cho Thẻ menu cha Công cụ Blogger thì bạn sẽ tách hai thẻ này ra
Sau đó chèn đoạn menu sau vào giữa:
</a>
<li><a href='Liên kết'>Menu con 1 </a></li>
<li><a href='Liên kết'> Menu con 2</a></li>
<li><a href='Liên kết'>Menu con 3 </a></li>
<li><a href='Liên kết'> Menu con 4</a></li>
</ul>
</li>
Như vậy là xong rùi đấy?
Mọi thắc mắc các bạn Comments cho Chip nha?