Tạo menu dọc cho nhãn

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,…

Read More
Blog Menu Thủ thuật Blogspot 

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

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>            …

Read More

Menu dọc cho hình ảnh

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…

Read More

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

[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…

Read More