Tin mới đăng:

Tạo Slide Menu trượt dọc bên Blog

Làm sao để tạo nên các thư mục mà không làm mất nhiều khong gian trên nền của Blog, vâng hôm nay mình sẽ giới thiệu cho các bạn một thủ thuật để tạo nên các thư mục và cho nó trượt ở bên lề của Blog. Đó là chúng ta tạo ra một Slide Menu (menu phụ) và cho nó hiện ra chỉ khi nào click chuột vào nó. Ứng dụng menu này sẽ tiết kiệm được không gian cho Blog vừa mang tính chuyên nghiệp.
Các bước tiến hành:
1. Đăng nhập vào Blog
2. Vào chỉnh sử HTML
3. Dán code bên dưới lên trước thẻ </head> và save lại
<script language='JavaScript1.2' src='http://buixuandoanh.com.vn/js/ssm.js'>
</script>
4. Vào phần tử trang tạo 1 HTML/Javascript
5. Chèn toàn bộ code bên dưới vào HTML/Javascript đó
<style type="text/css">
A.ssmItems:link {color:#33ffcc;text-decoration:none;}
A.ssmItems:hover {color:#000033;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:#ccffff;text-decoration:none;}
</style>
<script language="JavaScript">
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="#fff"; // màu của các border
menuIsStatic="yes";
menuWidth=200; // Độ rộng của menu
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="#fff"; // Màu text của thư mục chính
hdrBGColor="#000099"; // Màu nền thư mục chính
hdrAlign="center";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="#006699"; // Màu nền chính
linkOverBGColor="#fff"; // Màu nền khi rê chuột
linkTarget="_top";
linkAlign="Left";
barBGColor="#ff0000";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#fff";
barVAlign="center";
barWidth=20;
barText="SIDE MENU"; // Tên bạn muốn đặt cho sidemenu đó
*********************************************************************************
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Kiến thức IT"] // Thư mục chính
ssmItems[1]=["Thủ thuật", "http://www.xuandoanh.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt", ""]
ssmItems[2]=["Photoshop", "http://www.xuandoanh.com/search/label/Photoshop",""]
ssmItems[3]=["Phần mềm", "http://www.xuandoanh.com/search/label/Ph%E1%BA%A7n%20m%E1%BB%81m", ""]
ssmItems[4]=["Giải trí", "", ""] // Thư mục chính
ssmItems[5]=["Điện ảnh", "http://www.xuandoanh.com/search/label/%C4%90i%E1%BB%87n%20%E1%BA%A3nh", ""]
ssmItems[6]=["Videos", "http://www.xuandoanh.com/p/video.html", "", 1,"no"]
ssmItems[7]=["Ca nhạc", "http://www.xuandoanh.com/search/label/Ca%20nh%E1%BA%A1c", "", 1]
ssmItems[8]=["Liên hệ", "", ""] // Thư mục chính
ssmItems[9]=["Tác giả", "http://www.xuandoanh.com/2013/01/gioi-thieu-ve-blog-cua-tac-gia_24.html", ""]
ssmItems[10]=["Convertcode", "http://demo.xuandoanh.com/2014/02/typetextjavascript-html2entitiesvar-re.html", ""]
buildMenu();
</script>
☼ Chỉnh sủa code: Bạn hãy dựa vào các chú thích ở trên để chỉnh sửa code lại cho phù hợp với blog của bạn.
- Thay các code màu cam và các code màu đỏ lại thành tên các thư mục và các đường dẫn cho phù hợp.
Lưu ý: code màu xanh ở trên là dùng để chia cột nếu không muốn chia cột bạn có thể xóa nó đi. Nếu bạn muốn chia cột thì thêm ", 1,"no"" và ", 1" vào sau hai link mà bạn muốn chia cột. Ví dụ ở trên chia cột cho "Videos" và "Ca nhạc" thì ta thêm 2 lệnh đó như trên.
                                                 Chúc bạn thành công
Tạo Slide Menu trượt dọc bên Blog Tạo Slide Menu trượt dọc bên Blog
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


1 bình luận | Viết bình luận

Thành Công
20:38 2 tháng 5, 2016
em làm nó không hiện gì hết

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật