Hướng dẫn tạo Nhãn dạng Menu chuẩn W3C-HTML5

Hướng dẫn tạo Nhãn dạng Menu chuẩn W3C-HTML5

Để tạo được tiện ích nhãn dạng menu chuẩn W3C-HTML5 trước tiên trong bố cục của bạn đã thêm tiện ích nhãn vào ròi.

Đánh dấu vào ô tất cả các nhãn còn các ô khác là tùy bạn
Sau đó bạn vào chỉnh sửa mẫu check vào ô chuyển tới tiện ích và check vào tiện ích Label1Hoặc là tìm tới dòng :

<b:widget id='Label1' locked='false' title='Nhãn' type='Label'>

Gọi đây là dòng A(Thẻ A)

Bạn tìm tiếp tới dòng gần nhất(chính là thẻ đóng của dòng A(thẻ A))

</b:widget>

Gọi đây là dòng B(Thẻ B)
Và thay toàn bộ nội dung code từ dòng A tới B(Thay cả dòng A và B luôn cho khỏi nhầm lẫn) bằng đoạn code sau:

<b:widget id='Label1' locked='false' title='Nhãn' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Chọn chủ đề bạn quan tâm...</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'>

<data:label.name/>

</option>

</b:loop>

</select>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Với blog cần đạt chuẩn W3C thì bỏ đi dòng  

<b:include name='quickedit'/>

nó chính là nút chỉnh sửa nhanh tiện ích.
Thế là xong bạn lưu lại mẫu và xem kết quả nhé.

• Tweet
• Share
• Share
• Share
• Share