Wednesday 25 January 2012

Hiển thị số bài đăng trong label ở dạng title


Số bài đăng trong mỗi label mặc định được hiển thị bên phải tên của label đó. Tuy nhiên việc hiển thị như vậy không được đẹp lắm và nhiều người thường tắt tính năng này đi. Thay vì hiển thị nó bên cạnh, với thủ thuật sau số bài trong label sẽ được hiển thị ở dạng title khi đưa chuột vào tên label. Nó giống như việc hiển thị số bài trong tags ở Wordpress.

Trước tiên hãy chắc chắn tính năng hiển thị số bài đăng trong label được bật. Sau đó chọn tải template về máy để chỉnh sửa.

Tìm trong template thẻ <data:label.count/>. Sẽ có 2 thẻ như vậy, 1 cho label khi ở dạng list và 1 cho label khi ở dạng cloud. Hãy chú ý đoạn mã xung quanh thẻ <data:label.count/> được đánh dấu ở hình dưới.
Lần lượt thay thế:

<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>
Thành:
<b:if cond='data:showFreqNumbers'><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; Bài đăng trong nhãn &quot; + data:label.name'><data:label.name/></a><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if></b:if>
Và:
<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>
Thành:
<b:if cond='data:showFreqNumbers'><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + &quot; Bài đăng trong nhãn &quot; + data:label.name'><data:label.name/></a><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if></b:if>
P/s: Widget HTML/Javascript thường được sử dụng nhiều bởi khả năng tùy chỉnh của nó. Tuy nhiên với những Widget do Blogger cung cấp nếu chú ý chúng ta hoàn toàn có thể tùy chỉnh giao diện và thêm bớt tính năng của chúng như Hiển thị danh sách Label với nhiều cột.
theo: Duypham.


No comments:

Post a Comment