
Demo for Post
Đây là hình minh họa của thủ thuật.
Bước 1: Thêm một tiện ích Label
Bạn có thể bỏ qua bước này nếu trong blog của bạn đã có label
1- Đăng nhập vào blog
2- Chọn Bố cục (Layout)
3- Chọn Thêm tiện ích (Add widget)
4- Chọn Nhãn (Label).
5- Tùy chọn cấu hình như hình dưới. (Nhớ chọn dạng hiển thị Danh sách)6- Bấm lưu lại:
Bước 2: Tùy biến label
1- Vào Mẫu (Template)
2- Chọn chỉnh sửa HTML (Edit HTML) [Không nên chọn mở rộng tiện ích mẫu vì sẽ rất khó để tìm kiếm thẻ mở và đóng]
3- Tìm đoạn mã dạng như sau:<b:widget id='Label5' locked='false' title='Nhãn' type='Label'/>- Thay thế nó thành đoạn code bên dưới:
<b:widget id='Label5' locked='false' title='Nhãn' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<!-- Label Description Start -->
<b:if cond='data:label.name == "Tên nhãn 1"'>
<span class="labeldesc"> - Đây là mô tả nhãn 1</span>
</b:if>
<b:if cond='data:label.name == "Tên nhãn 2"'>
<span class="labeldesc"> - Đây là mô tả nhãn 2</span>
</b:if>
<b:if cond='data:label.name == "Tên nhãn 3"'>
<span class="labeldesc"> - Đây là mô tả nhãn 3</span>
</b:if>
<!-- Label Description End-->
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Bước 3: Tùy chỉnh label
- Thay: Tên nhãn 1,2,3,..n thành tên nhãn blog của bạn.
- Thay: Đây là mô tả nhãn 1,2,3,...n thành mô tả tương ứng với mỗi nhãn.
- Để thêm một nhãn mới có mô tả bạn chỉ cần thêm đoạn mã sau vào trước dòng màu vàng:
<b:if cond='data:label.name == "Tên nhãn n"'>4- Lưu mẫu lại và xem kết quả.
<span class="labeldesc"> - Đây là mô tả nhãn n</span>
</b:if>
Bình Luận[ 0 ]
Post a Comment