Menu cho Blogger (Doc menu)

Một tiện ích rất hay. Tôi hy vọng nó hữu dụng với bạn. Cách thực hiện cũng khá đơn giản. 

• Bước 1: Download File Dock Menu Blogger.zip
• Bước 2: Vào http://www.opendrive.com/home -> Đăng kí một tài khoản -> Upload file vừa tải về lên đó.
• Bước 3: Copy Direct links
• Bước 4: Đăng nhập Blogger -> Edit HTML -> Ctrl + F tìm thẻ </head>
• Bước 5:  Chèn vào trước nó đoạn Code sau

<!--DOCK-MENU-STARTS--> <script type="text/javascript" src="http://www.opendrive.com/........../mootools-for-dock.js"> </script> <script type="text/javascript" src="http://www.opendrive.com/........../UvumiDock-compressed.js"> </script> <link rel="stylesheet" type="text/css" media="screen" href="http://www.opendrive.com/........../uvumi-dock.css" /> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" media="screen" href="http://www.opendrive.com/........../uvumi-dock-ie6.css" /> <![endif]--> <script type="text/javascript"> var myDock = new UvumiDock("dock"); </script> <!--DOCK-MENU-STOP-http://bloggerstop.net-->

• Bước 5: Lưu Mẫu 
• Bước 6: Vào phần tử trang -> Add Widget/HTML -> Dán đoạn code sau vào phần nội dung

<ul id="dock"> <li> <a href="#home"><img src="images/home.png" alt="Home"/></a> </li> <li> <a href="#orders"><img src="images/orders.png" alt="Orders"/></a> </li> <li> <a href="#tools"><img src="images/tools.png" alt="Tools"/></a> </li> <li> <a href="#stats"><img src="images/stats.png" alt="Stats"/></a> </li> <li> <a href="#users"><img src="images/users.png" alt="Users"/></a> </li> <li> <a href="#sync"><img src="images/sync.png" alt="Sync"/></a> </li> </ul>

• Bước 7: Chỉnh sửa lại các Link và hình ảnh  
• Bước 8: Lưu lại