Thứ Ba, 28 tháng 5, 2013

Blogspot Label - Biến count thành title

Thay vì hiển thị số bài viết bên cạnh link label, bây giờ ta ẩn đi, không muốn hiển thị số count nữa nhưng khi di chuột qua label thì hiện ra số trang. Có 2 cách áp dụng.
Cách 1:
Sửa lại đoạn
<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>
Thành:
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count'><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>
Và:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
Thành:
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.count'><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ách 2:
Dùng Css tùy biến .label-count để có hiệu ứng mong muốn.

thaoj!

Blogspot Label - Sắp xếp danh sách label theo cột

Nếu bạn muốn label theo cột có hàng lối ngay ngắn thì rất đơn giản, đó chỉ là mẹo áp dụng css cho thành phần hiển thị label.

.label li {width:50%; float:left;}
Có một mẹo chỉnh sửa nhanh các thành phần theo ý muốn là với trình duyệt chrome, bấm chuột phải chọn Inspect element, khi xuất hiện khung code, bạn cứ edit thoãi mái đến khi được ưng ý thì mới vào template để sửa chính thức.
Không phải thủ thuật nào cũng cứng nhắc cho tất cả các website, vì mỗi website có thể cách đặt tên cho các thành phần không giống nhau. Với cách làm này ta có thể tự chủ trình bày bất kỳ thành phần nào muốn hiển thị.
Ví dụ bây giờ tôi muốn hiển thị số bài đăng ở đầu dòng và tạo khoảng cách đều với các label.
Tôi bấm chuột phải vào số bài đăng và chọn Inspect element.
Đến đây chúng ta nhận thấy rằng thành phần quy định hình thức của số này được đặt tên là .label-count.
Vậy ta sẽ css vào .label-count

đến khi thấy ưng ý, ta chính thức thêm css vào template.

thaoj!