Quảng Cáo


Breaking News

Wednesday, January 2, 2013

Tiện ích cộng tác viên tích cực

Việc có thêm cộng tác viên viết bài đã trở nên phổ biến với blog nền tảng Blogger và thủ thuật sau đây dành cho những blog như vậy. Đây là thủ thuật hiển thị những cộng tác viên viết bài trên blog với những thông tin cần thiết như tên, avatar, địa chỉ blog và số lượng bài viết mà cộng tác viên đã có. Tiện ích dựa vào widget Nhãn nên để hoạt động thìcộng tác viên khi đăng bài cần phải gán thêm nhãn là tên cộng tác viên đó. Tiện ích hiển thị theo danh sách, sắp xếp theo thứ tự cộng tác viên nhiều bài viết hơn xếp trước.


Bước 1: Thêm 1 widget Nhãn tại nơi muốn hiển thị Top Authors.

Bước 2: Xác định id của widget này bằng cách chọn Chỉnh sửa widget và nhìn phía cuối thanh địa chỉ. Như ảnh dưới đây widget có id là Label2.

widget id

Bước 3: Vào Chỉnh sửa HTML (không chọn Mở rộng Mẫu Tiện ích) và tìm trong template từ khóa <b:widget id='Label2' locked='false' title='Nhãn' type='Label'/> (trong đó Label2 là id của widget tìm ở bước 2). Thay thế<b:widget id='Label2' locked='false' title='Nhãn' type='Label'/> bằng đoạn mã dưới đây. 

<b:widget id='Label2' 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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul style='list-style-type:none'>
<b:loop values='data:labels' var='label'>
<li>
<!-- (1) Start Author 1 -->
<b:if cond='data:label.name == &quot;Author1&quot;'>
<div>
<img expr:alt='data:label.name' style='float:left;margin-right:10px;width:32px;height:32px' src='URL-Avatar-Author1'/>
<div style='float:left'>
<div style='font-weight:bold'>
<a href='URL-Blog-Author1' expr:title='&quot;Xem blog của &quot; + data:label.name' target='_blank'><data:label.name/></a>
</div>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='tag' expr:title='&quot;Xem bài viết của &quot; + data:label.name'><data:label.count/> Bài viết</a>
</div>
</div>
<div style='clear:both;margin:0;width:0;height:0'></div>
</b:if>
<!-- (1) End Author 1 -->
<!-- (2) Start Author 2 -->
<b:if cond='data:label.name == &quot;Author2&quot;'>
<div>
<img expr:alt='data:label.name' style='float:left;margin-right:10px;width:32px;height:32px' src='URL-Avatar-Author2'/>
<div style='float:left'>
<div style='font-weight:bold'>
<a href='URL-Blog-Author2' expr:title='&quot;Xem blog của &quot; + data:label.name' target='_blank'><data:label.name/></a>
</div>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='tag' expr:title='&quot;Xem bài viết của &quot; + data:label.name'><data:label.count/> Bài viết</a>
</div>
</div>
<div style='clear:both;margin:0;width:0;height:0'></div>
</b:if>
<!-- (2) End Author 2 -->
</li>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Ở đoạn mã trên bạn cần thay Author1URL-Avatar-Author1 và URL-Blog-Author1 thành tên, địa chỉ avatar và địa chỉ blog của cộng tác viên thứ nhất. Tương tự với Author2URL-Avatar-Author2 và URL-Blog-Author2 cho cộng tác viên thứ 2. Ở đây mình làm mẫu với trường hợp có 2 cộng tác viên, nếu thêm cộng tác viên nào bạn thêm đoạn mã cho trường hợp đó.

Bước 4: Quay trở lại Bố cục và chọn Chỉnh sửa widget Nhãn vừa thêm. Ở phần Tiêu đề viết tiêu đề theo ý bạn, Top Authors chẳng hạn. Phần Hiển thị chọn Nhãn Đã chọn và click chỉnh sửa, ở cửa sổ Chọn nhãn để hiển thị chỉ đánh dấu vào những nhãn là tên cộng tác viên rồi nhấn HOÀN THÀNH. Phần Sắp xếp chọn Theo Tần suất. Phần Hiển thị chọn Danh sách và đánh dấu vào Hiển thị số bài đăng trên mỗi nhãn. Nhấp chọn LƯU

widget label

Tiếc là không có lựa chọn cho hiển thị số lượng cố định chỉ những cộng tác viên có nhiều bài nhất, trường hợp hiển thị kiểu cloud cũng chỉ phân loại 5 nhóm chứ không phải 5 người.

Đây không phải là thủ thuật kiểu "mì ăn liền" nên khi áp dụng bạn cần thay đổi cho phù hợp với từng blog.

No comments:

Post a Comment

Designed By Published.. Blogger Templates