[Label Widget] Tạo nút Preview "các bài mới nhất" cho mỗi label
Hôm nay xin giới thiệu với các bạn một thủ thuật mới, làm cho widget trở nên linh động và giúp người đọc dễ duyệt blog hơn. Đó là ta sẽ thêm nút Preview vào sau mỗi nhãn, để khi người đọc click vào đó, widget sẽ load về các bài mới nhất của nhãn và người đọc có thể đỡ mất công tải về cả 1 trang "Label Page" nếu muốn cập nhật bài mới của Label. (bạn hãy bấm vào đây để xem nó như thế nào nhé)
Bạn xem hình ví dụ:

Mỗi nhãn đều có dấu tam giác theo sau. Khi click vào đó sẽ hiện ra các bài mới nhất ngay bên dưới nhãn đó.

Sau đây là cách cài đặt.
Hãy chắc chắn rằng bạn đã tạo 1 Label Widget.
Bạn vào Edit HTML, không mở "Expand Widget Templates", tìm dòng
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>(hình

)
và thay nó bằng đoạn CODE sau:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
home_page = "http://www.vietwebguide.com/";
max_rc_posts = 10;
</script>
<script src='http://vietwebguide2.googlepages.com/show_prev_item_in_label_v10.js' type='text/javascript'/>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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 dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\""
+ data:label.name + "\",event)"' href='javascript:void(0)'>►</a>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
<span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\""
+ data:label.name + "\",event)"' href='javascript:void(0)'>►</a>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
Hãy lưu ý các dòng màu đỏ, chỗ đó bạn cần khai báo địa chỉ blog và số bài muốn hiện cho mỗi Label.
Anhvo
Labels: Thử Nghiệm Hacks

