Tùy biến label thành tag cloud giống WP
Bạn có thấy tag cloud của WP đẹp không ? , vậy giờ chúng ta sẽ làm giống y hệt nhé , chúng ta sẽ làm cho WP phải lác mắt với sức mạnh blogger.
1.Nói lại code hiển thị số bài đăng trong label của Duypham (blog.duypham.info) :
Bởi vì trong blog chúng ta sẽ có 2 thẻ <data:label.count/> một cho dạng list , một cho dạng tag cloud như trong ảnh của bạn Duy Phạm chụp
Ta thay thế:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>Thành:
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<b:if cond='data:showFreqNumbers'>Rồi tiếp tục:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + " Bài đăng trong nhãn " + data:label.name'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
</b:if>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>Thành:
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
<b:if cond='data:showFreqNumbers'>2.Tạo dạng tag cloud:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count + " Bài đăng trong nhãn " + data:label.name'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
</b:if>
Các bạn vào Thiết Kế >>> Phần tử trang và bấm vào chỉnh sửa , chúng ta sẽ có như hình trên và làm theo 2 bước như trong hình
Sau đó thêm đoạn code sau trước ]]></b:skin> :
.sidebar .list-label-widget-content li{display:inline;font-size:10px;text-transform:uppercase;white-space:nowrap;line-height:2.5em}Nếu các bạn thấy không chạy thì hãy làm theo bỏ đoạn css trên và thay bằng đoạn css bên dưới:
.sidebar .list-label-widget-content li a{-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #BBB;padding:3px 6px;opacity:0.7}
.sidebar .list-label-widget-content li a:hover{border:1px solid #F26535}
.list-label-widget-content li{display:inline;font-size:10px;text-transform:uppercase;white-space:nowrap;line-height:2.5em}
.list-label-widget-content li a{-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #BBB;padding:3px 6px;opacity:0.7}
.list-label-widget-content li a:hover{border:1px solid #F26535}
vn greenzone
November 8, 2011 at 10:11 PM
@Linh Dung Sắp tới còn nhiều cái hay mà , lên kế hoạch hết rồi
Xem phim HD online
November 8, 2011 at 10:59 PM
Mình thích dạng hình cầu xoay xoay ý
Đoàn Minh Tú
November 9, 2011 at 11:17 AM
đồng ý với anh NAD :D
vn greenzone
November 9, 2011 at 5:15 PM
@Neyurt Bên WP rê chuột vào nó mới báo số bài đăng nếu không áp dụng thì làm sao
Cu0nglsf
November 14, 2011 at 12:34 PM
cho mình hỏi làm sao để đổi màu chữ cho tên các nhãn
Anonymous
November 14, 2011 at 1:10 PM
a {
color: #A00505;
text-decoration:none;
}
vn greenzone
November 14, 2011 at 8:14 PM
@Cu0nglsf Bạn sửa giùm trong :)) css trên có 2 đoạn mã màu đó bạn
vn greenzone
November 15, 2011 at 11:31 AM
@Phạm Minh Tâm ey`sao lại ko dc , 1 số blog làm trôi chảy lắm chứ , anh có quên code ko , 2 trường hợp cho xml , và cách chỉnh cho đúng , sau đó thêm css vào ??? A có thể gửi template cho em xem để có thể khắc phục sự cố ko . Lưu ý là để dạng list
Neyurt
November 15, 2011 at 3:09 PM
Hi em, Trao đổi liên kết với Neyurt.com nhé.
vn greenzone
November 16, 2011 at 6:45 PM
@Anonymous À chậm là do cái tiện ích xem nhanh của tớ . Nếu bỏ nó đi thì tốc độ chỉ tầm 1s
vn greenzone
November 16, 2011 at 6:58 PM
@Yolks Mình load trang đâu thấy bị giật đâu card màn hình bạn có vấn đề rồi :))
vn greenzone
November 17, 2011 at 1:16 PM
@Đing Kiu Truê Có thể do font bên bạn lỗi có thể dùng tahoma chẳng hạn :)) , mà chắc chắn là ko bị lỗi 100%
vn greenzone
November 21, 2011 at 8:46 PM
@Phạm Minh Tâm Em xóa blog rồi mà
Quang
November 22, 2011 at 7:53 PM
Thanh chú nhá, anh làm ngon ơ, mà blog anh sao đc 1 thẻ thôi
mAn ĐiezEl
November 25, 2011 at 9:04 PM
k chạy dc yolks ak .huuhu .thay 2 code rồi muk.