Trang chủ \19.11.14

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.

23

Nhận xét
2

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

Reply Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
10

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

Reply Xóa nhận xét
5

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

Reply Xóa nhận xét
7

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

Reply Xóa nhận xét
9

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

Reply Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
Nặc danh 23/2/15 13:59
15

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

Reply Xóa nhận xét
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 Xóa nhận xét
17

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

Reply Xóa nhận xét
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 Xóa nhận xét
19

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

Reply Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét
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 Xóa nhận xét

Đăng nhận xét

Cancel