Loading post navigation ...
 
 

Pro page

3
Nhận xét

Tiện ích "Top 10 Labels" cho Blogger

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Top 10 Labels in Blogger
[FD's BlOg] - Đối với những blog có quá nhiều nhãn, và việc hiển thị chúng ra hết chiếm khá nhiều không gian trong blog của bạn. Hơn nữa đó với nhưng nhãn có quá ít bài viết, ví dụ 1 hoặc 2 bài, thì việc hiển thị các nhãn này cũng tạo ấn tượng không tốt cho người xem. Vì vậy với tiện ích này, bạn sẽ chỉ hiển thị những Label (Nhãn) có bài viết hiều nhất.

Với tiện ích này bạn không cần phải có kiến thức gì về code cả, vì thế ai cũng có thể thử làm điều này.
Tiện ích có 2 kiều hiển thị, 1 là dạng list, 2 là dạng Menu kiểu drop-down.

Xem hình mình họa:


Bây giờ ta bắt đầu:
- có 2 bước : 1 là tiến hành cài code cho tiện ích "Top 10 Labels", bước 2 là thiết lập các thuộc tính cho tiện ích "Top 10 Labels"

► Bước 1: Cài code của tiện ích vào template của bạn
1. Đăng nhập blog
2. Vào Bố cục (Layout)
3. Vào Chỉnh sửa code HTML
4. Chọn Mở rộng tiện ích
5. Tìm đến dòng code sau :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Chèn đọan code bên dưới ngay sau dòng code tìm được ở trên:

<b:widget id='Label1' locked='false' title='Top Labels' type='Label'>
<b:includable id='main'>
<h2>Top 10 Labels </h2>
<div class='widget-content'>
<div id='LabelDisplay'>
</div>

<p align='center'><b>OR</b></p>

<div id='menuLabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
var myCnt = 0;
var display = &quot;<ul>&quot;;
<b:loop values='data:labels' var='label'>
if ( myCnt < 10 ) {
display = display + &quot;<li><a expr:href='data:label.url + "?max-results=20"'><data:label.name/></a> (<data:label.count/>)</li>&quot;;
myCnt++;
}
</b:loop>
display = display + &quot;</ul>&quot;;

obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;

var display1 = &quot;<select onchange='location = this.options[this.selectedIndex].value;' style='width: 150px'><option>Select a label</option> &quot;;
<b:loop values='data:labels' var='label'>
display1 = display1 + &quot;<option expr:value='data:label.url + "?max-results=20"'><data:label.name/> (<data:label.count/>)</option>&quot;;
</b:loop>
display1 = display1 + &quot;</select>&quot;;

obj = document.getElementById(&#39;menuLabelDisplay&#39;);
obj.innerHTML = display1;

</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>


7. Save template lại.
8. Chú ý : dòng code màu đỏ : if ( myCnt < 10 ), số 10 là hiển thị 10 nhãn, nếu bạn muốn hiển thị 15 nhãn thì sửa lại thành if ( myCnt < 15 )
►Bước 2:
1. Vào Bố cục (layout) -> Phần tử trang(Page Element).
2. Tìm đến widget có tên "Top 10 Labels"Sidebar.
3. Hãy di chuyển nó đến nơi bạn muốn hiển thị.
4. Nhấp vào chỉnh sửa (Edit) của widget "Top 10 Labels".
5. Thay đổi các tùy chọn theo ý bạn (xem hình bên dưới).

6. Save template lại.

Chúc các bạn thành công.


Enter your mail address:

3

Khách (ẩn danh)

thanks anh ơi có thời gian ghé qua nhà em chơi
http://hoangthanhyoyo.blogspot.com/

Phan Dũng

cảm ơn bạn đã ghé thăm blog :)

Khách (ẩn danh)

Mình k thể làm được. Phần đặt code vào HTML bị báo lổi
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The content of elements must consist of well-formed character data or markup.

. Mong bạn sớm xem xét và giúp mình



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home