Hình ảnh minh họa
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script src='http://data-traidatmui.appspot.com/scripts/jquery-1.2.6.min1.js' type='text/javascript'/>
<script type='text/javascript'>
var sidebarnameacc1="sidebar";
var accordionside1=true;
var sideshow1=new Array(0,0);
</script>
<script src='http://data-traidatmui.appspot.com/scripts/accordion_sidebar.js' type='text/javascript'/>
- sidebar ở trên chính là ID của cột sidebar trong template của bạn.
5. Bạn tìm đến code bên dưới hoặc tương tự
.sidebar h2 {
background: #eee;
margin:0px;
padding:3px 10px;
}
- Trong code trên có thể phần code trong dấu { } sẽ khác, bạn chỉ cần quan tâm đến lớp .sidebar h2 phần nội dung bên trong không cần giống như trên.
6. Thay code vừa tìm được ở trên thành code bên dưới
.sidebar h2 {
background: #eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifa4eXIb6LbhP2c5bEQkRht0nPs_KB7T891DyV53AgusNU136x_LgN2lME-xiAp3RJZIFFFkLotf2ce5jtMgyrw5hhQU-WwMv8KgwSBwh8prO1WxvQFFzd1J-cAyR6NreM3TZgme8vXAVo/) no-repeat right -51px;
font-size:12px;
font-weight:bold;
color:#000;
margin:0px;
padding:3px 10px;
text-transform:uppercase;
}
.sidebar h2.headactive {
background-position: right 5px;
}
7. Cuối cùng save template lại
☼ Mở rộng thủ thuật
Ở trên là chúng ta chỉ thao tác đối với template chỉ có 1 cột sidebar, như vậy khi muốn ứng dụng thủ thuật này cho cả 2 cột sidebar trong tempalte có 2 cột thì sao? Đó là nội dung mà mình muốn chia sẻ cùng các bạn. Khi muốn ứng dụng cho 2 cột sidebar nếu template của bạn có 2 cột thì bạn chỉ cần thay code ở bước 4 thành code bên dưới và chỉnh sửa lại cho phù hợp, các bước tiếp theo tương tự như trên.
<script src='http://data-traidatmui.appspot.com/scripts/jquery-1.2.6.min1.js' type='text/javascript'/>
<script type='text/javascript'>
var sidebarnameacc1="sidebar";
var accordionside1=true;
var sideshow1=new Array(0,0);
var sidebarnameacc2="sidebar2";
var accordionside2=true;
var sideshow2=new Array(0,0);
</script>
<script src='http://data-traidatmui.appspot.com/scripts/accordion_sidebar.js' type='text/javascript'/>
» Chỉnh code: Bạn phải xác định được ID của 2 cột sidebar, phần sidebar chính là ID cột sidebar thứ nhất và sidebar2 chính là ID của cột sidebar thứ 2, bạn hãy thay chúng thành các ID của sidebar cho phù hợp như vậy là xong save template lại để xem kết quả.
Chúc bạn thành công
0 nhận xét:
Post a Comment
Kể từ ngày hôm nay, những ai không có trách nhiệm thì không được vào chỉnh sửa blog hay gởi nội dung linh tinh. Chỉ những người nào có trách nhiệm, đã đăng ký, hay là thành viên của blog mới làm được chuyện này thôi. Sở dĩ, mình làm điều này vì tránh spam vào blog của mình, vì mình khó khăn lắm mới làm được blog này. Mong các bạn thông cảm. Xin cám ơn.