Blog Menu

Tạo menu dọc cho nhãn

11 Tháng Tám, 201714 Tháng Tư, 2018 Nhiep Anh0 comment

summary_noimg = 250; summary_img = 220; img_thumb_height = 125; img_thumb_width = 125; //=1) { imgtag = ‘‘; summ = summary_img; } var summary = imgtag + ‘ ‘ + removeHtmlTag(div.innerHTML,summ) + ‘ ‘; div.innerHTML = summary; } //]]> Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip. Các bước như sau: Đầu tiên,…

Blog Menu Thủ thuật Blogspot

Menu xếp dọc cực đẹp cho blog

28 Tháng Sáu, 201714 Tháng Tư, 2018 Nhiep Anh0 comment

1. Dán đoạn code sau trước thẻ: ]]></b:skin>[code type=”CSS”]#MenuLeft{padding: 0;margin: 0} #MenuLeft ul{padding: 0;margin: 0} #MenuLeft li{list-style-type: none} #MenuLeft .title{height:40px;background:url(https://3.bp.blogspot.com/-ipzKzNmdvo0/WVPnWay5L_I/AAAAAAAACIc/_DYfZ18QHbQBZFF1imqq0E7_XdBaJFzZgCLcBGAs/s1600/Ketoanthanhtu-title%2Blan%2B2.PNG) no-repeat;font:bold 14px/40px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} #MenuLeft .title2{height:30px;background:url(https://4.bp.blogspot.com/-mYEMkKIQK4g/WVPngoAgYPI/AAAAAAAACIg/UKRmtyT3G0kvQcydNk540ANtqEhicdI_ACLcBGAs/s1600/Ketoanthanhtu-title2%2Blan%2B2.PNG) no-repeat;text-align:center;display: block;margin-bottom: 8px;font:bold 12px/30px Arial;color: #000} #MenuLeft .title2:hover{background:url(https://4.bp.blogspot.com/-Haavz14G9qM/WVPnukbQQ1I/AAAAAAAACIo/T87iQixio0g7f69kL88KIsFKMVuXNYp-gCLcBGAs/s1600/Keoanthanhtu-title2hv%2Blan%2B2.PNG) no-repeat;color: #fff} #MenuLeft .title:hover{height:55px;background:url(https://4.bp.blogspot.com/-ba_xVXwwa2Q/WVPnpd-4bAI/AAAAAAAACIk/pWugEWyxvOAOCkeeE6DwckT9IqZ45S0XQCLcBGAs/s1600/Keoanthanhtu-titlehv%2Blan%2B2.PNG) no-repeat;font:bold 14px/55px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} #MenuLeft #current{height:55px;background:url(https://4.bp.blogspot.com/-ba_xVXwwa2Q/WVPnpd-4bAI/AAAAAAAACIk/pWugEWyxvOAOCkeeE6DwckT9IqZ45S0XQCLcBGAs/s1600/Keoanthanhtu-titlehv%2Blan%2B2.PNG) no-repeat;font:bold 13px/55px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} #MenuLeft .current1{background:url(https://4.bp.blogspot.com/-Haavz14G9qM/WVPnukbQQ1I/AAAAAAAACIo/T87iQixio0g7f69kL88KIsFKMVuXNYp-gCLcBGAs/s320/Keoanthanhtu-title2hv%2Blan%2B2.PNG) no-repeat;color: #fff} #MenuLeft .ac{height:55px;background:url(https://4.bp.blogspot.com/-ba_xVXwwa2Q/WVPnpd-4bAI/AAAAAAAACIk/pWugEWyxvOAOCkeeE6DwckT9IqZ45S0XQCLcBGAs/s1600/Keoanthanhtu-titlehv%2Blan%2B2.PNG) no-repeat;font:bold 13px/55px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} [/code] 2. Dán đoạn code sau vào trong HTML/Javacript[code type=”HTML”]<div><ul id=”MenuLeft”> <li class=”li0″> <a class=”title lv1″ title=”HỌC KẾ TOÁN THỰC TẾ” href=”http://ketoanthienung.org/khoa-hoc.htm”>HỌC KẾ TOÁN THỰC TẾ</a><ul> …

Menu dọc cho hình ảnh

22 Tháng Hai, 201714 Tháng Tư, 2018 Nhiep Anh0 comment

TẠO MENU DỌC CHO HÌNH ẢNH summary_noimg = 250; summary_img = 220; img_thumb_height = 125; img_thumb_width = 125; //=1) { imgtag = ‘‘; summ = summary_img; } var summary = imgtag + ‘ ‘ + removeHtmlTag(div.innerHTML,summ) + ‘ ‘; div.innerHTML = summary; } //]]> Với thủ thuật dưới đây, các bạn có thể dễ dàng tạo một menu cho một hình ảnh nào đó. Khi bạn rê chuột vào hình ảnh này thì sẽ có một menu xổ dọc xuống phía dưới hoặc phía trên tuỳ theo vị trí của…

Menu dọc xổ xuống có các menu con kiểu 1

22 Tháng Hai, 201714 Tháng Tư, 2018 Nhiep Anh0 comment

[right-post] summary_noimg = 250; summary_img = 220; img_thumb_height = 125; img_thumb_width = 125; //=1) { imgtag = ‘‘; summ = summary_img; } var summary = imgtag + ‘ ‘ + removeHtmlTag(div.innerHTML,summ) + ‘ ‘; div.innerHTML = summary; } //]]> Để đáp ứng lời yêu cầu của các bạn, bắt đầu từ bài này mình sẽ lần lượt chia sẻ đến các bạn một số mẫu MENU DỌC XỔ XUỐNG CÁC MENU CON. Với thủ thuật này, trên blog các bạn sẽ có một menu dọc khá đẹp, khi rê chuột…