Trang chủ \ 10:32

Popular Labels

Trong widget Label thì việc hiển thị nhãn theo tần suất vốn có sẵn. Thủ thuật này sẽ giới hạn số lượng nhãn được đưa ra và gọi với cái tên Popular Labels, có nghĩa chỉ một vài nhãn có nhiều bài viết nhất được hiển thị trên widget. Trước khi bắt tay thực hiện hãy chắc chắn bạn đã có widget Label trên blog.

widget label


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
.Label ul{margin:0!important;padding:0!important;list-style-type:none!important}
.Label ul li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 0 10px!important}
.Label ul li a{display:block;position:relative;margin:10px 0!important;background:#17b38f;padding:10px 0 10px 20px!important;font-size:14px;line-height:20px;color:#fff!important;text-decoration:none}
.Label ul li a:hover{color:#fff!important;text-decoration:none}
.Label ul li a:hover:after{background:#ff4e47}
.Label ul li a:before{content:'';position:absolute;top:0;left:-10px;width:0;height:0;border-top:20px solid transparent;border-right:10px solid #17b38f;border-bottom:20px solid transparent}
.Label ul li a:after{content:'';position: absolute;top:17px;left:0;border-radius:50%;background:#fff;width:6px;height:6px}
.Label ul li span{float:right;margin-right:-10px;background:#ff4e47;width:30px;height:20px;font-size:10px;color:#fff;text-align:center}

Bước 2: Tìm trong template đoạn mã dưới đây:
<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>
    <b:else/>
      <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>
  </li>
</b:loop>

Thay thế thành:
<b:loop index='i' values='data:labels' var='label'>
  <b:if cond='data:i &lt; 5'>
    <li><a expr:href='data:label.url' rel='tag'><data:label.name/><b:if cond='data:showFreqNumbers'><span><data:label.count/></span></b:if></a></li>
  </b:if>
</b:loop>

Bước 3: Quay trở lại Bố cục và chọn Chỉnh sửa widget Label. Tích chọn các thông số như hình dưới:

label setup

Thay 5 bằng số nhãn bạn muốn hiển thị.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

23

Nhận xét
1

Hay quá bác :)

Reply
2

chào mừng bác tái xuất :)

Reply
3

Lâu lắm mới thấy bác viết bài :D
Mừng bác quay lại hehe

Reply
4

Bác Nát dự đoán 3 tháng mình mới có bài mới, "Cay cú" nên "mới" 2 tháng mình đã viết bài mới rồi nhé :D

Reply
10

Thôi thành 1 tháng 1 bài đi. :)

Reply
5

tiện ích này đẹp quá, xin phép mang về blog dùng

Reply
6

Hoan hô! :D

Reply
7

Đẹp nhưng không dùng, blog mình nặng quá rồi ( T ^ T )

Reply
8

Gần 2 tháng rồi :))

Reply
9

Thì dùng temp khác mà dùng. :v

Reply
11

Nhận xét này đã bị quản trị viên blog xóa.

Reply
12

Ai giúp mình responsive comment facebook đc ko :(

Google thử code dưới mà ko đc :(

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style]
{
width: 80% !important;
}

Reply
13

Cho mình xin cái template này về làm demo cái bác http://googleplusviet.blogspot.com/
email: dangbui102@gmail.com
Tks :D

Reply
15

bac oi,em gop y,anh nho cho cai demo nha

Reply
16

Haha cái thủ thuật này nhìn đẹp mà hay ghê. Thanks bác Duy. Đợi blog có nhiều bài viết mình sẽ áp dụng tip này :D

Reply
17

Đã áp dụng và cảm thấy rất hài lòng kaka

Reply
18

Bác duy cho em hỏi cái ! mặc dù biết bác cũng ít vào
- cách gọi label cho hệ thống bài đăng mới nhất ko bác ( bài đăng mới nhất của recent post của bác ấy , hiển thị label có link của label)

Reply
19

feed của label nó có dạng /feeds/posts/default/-/Tên%20Label

Reply
20

ko ý em hỏi là lấy label ( category ) đặt vào bài đăng , nhưng em tìm ra rồi bác :( cám ơn bác , lâu lắm rồi mới thấy bác quay lại :D

Reply
21

A e Blogger k biết còn hoạt động nhiều k, k tấp nập như ngày xưa nữa :(

Reply
22

lâu rồi còn ai đâu bác ... h thì chỉ còn bác tiến bán template và một hai người khác chứ làm gì còn ai đâu bác :)

Reply
23

Còn e đây mấy bác :D. Vào góp ý xem giúp e có gì cần sửa chữa nữa ko bác Duy và mọi người :D
http://www.doctorcomputer.vn/

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.