Tiện ích tạo menu dọc cho nhãn (label) có thống kê bài đăng từng nhãn

Tạo menu dọc cho nhãn (label) có thống kê bài đăng từng nhãn

Khi bạn không thích dùng tiện ích Nhãn có sẵn của blog vì nhìn có vẻ đơn điệu, bạn có thể tự tạo menu dọc cho nhãn có thống kê tổng số bài đăng của từng nhãn như hình minh họa ở trên từ blog của DVD (có thể xem trực tiếp TẠI BLOG ĐỖ VĂN).

Cách thực hiện như sau:

1. Đăng nhập blog. Nhấp "Thiết kế" - Nhấp "Bố cục" - Nhấp "Thêm tiện ích". 

2. Nhấp chọn tiện ích "HTML/JavaScript".

3. Nhập tên vào khung "Tiêu đề" tùy ý (của blog DVD là tên Chuyên mục). Copy code dưới đây dán vào khung "Nội dung" của tiện ích (copy  toàn bộ dòng chữ có nền xanh).

<div id="chuyenmuc">

<ul> 

<li><a 

href='https://dovaden2010.blogspot.com/search/label/Văn%20ngành%20Y'>Văn ngành y<script style="text/javascript">function numberOfLabelPosts(json) {document.write('<left>: <b>' + json.feed.openSearch$totalResults.$t + ' bài</b></center>');}</script><script src="https://dovaden2010.blogspot.com/feeds/posts/default/-/Văn%20ngành%20Y?alt=json-in-script&callback=numberOfLabelPosts"></script>

</a></li>

</ul>

</div>
<style type="text/css">
#chuyenmuc ul { list-style: none; margin: 0; padding: 0; } 
#chuyenmuc img {  border: none; } 
#chuyenmuc { width: 226px; margin: 10px; } 
#chuyenmuc li a {  height: 32px; font-family: Charm, cursive; margin: 0;  font-size: 10pt; font-weight: bold; background: #FFF; height: 24px;  text-decoration: none; } 
#chuyenmuc li a:link, #chuyenmuc li a:visited { display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheNIs3vL6TP81pEEGcBESZ5C9T2zkjc27pN7rrWD1SJnmxo8rn_1KtHHMA-n8yLMN5kmWWuhdrfe6zOGauNeRh_ZNFg5k89PpayYhW-P9Gx1tPrJ-dueWKteo2_u2E4bfmiHGK67ICGI4B/s1600/nenchuyenmuc2.gif);  padding: 8px 0 0 10px; } 
#chuyenmuc li a:hover {background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheNIs3vL6TP81pEEGcBESZ5C9T2zkjc27pN7rrWD1SJnmxo8rn_1KtHHMA-n8yLMN5kmWWuhdrfe6zOGauNeRh_ZNFg5k89PpayYhW-P9Gx1tPrJ-dueWKteo2_u2E4bfmiHGK67ICGI4B/s1600/nenchuyenmuc2.gif)  0 -32px; padding: 8px 0 0 10px; }
</style>

4. Tùy chỉnh: 

a- Thay thế đường dẫn (link) 

https://dovaden2010.blogspot.com/search/label/Văn%20ngành%20Y 

bằng đường dẫn (link) một nhãn từ blog của bạn.

b- Thay thế Văn ngành y bằng tên hiển thị nhãn của đường dẫn nhãn bạn vừa thay thế ở trên.

c- Thay thế https://dovaden2010.blogspot.com bằng địa chỉ blog của bạn.

d- Thay thế Văn%20ngành%20Y bằng đuôi nhãn chính xác y chang đuôi nhãn trong đường dẫn ở bước 4.a.

5. Ở bước 4 chỉ mới là code của một nhãn. Muốn thêm các nhãn khác, bạn copy code vừa tùy chỉnh ở bước 4, dán phía trên dòng </ul>, tiếp tục thay thế đường dẫn nhãn, tên hiển thị nhãn, đuôi nhãn mà bạn muốn thêm.

*Chú ý: Bạn chỉ cần copy đoạn code ở giữa <ul>  và </ul>, cụ thể là đoạn code:

<li><a 

href='https://dovaden2010.blogspot.com/search/label/Văn%20ngành%20Y'>Văn ngành y<script style="text/javascript">function numberOfLabelPosts(json) {document.write('<left>: <b>' + json.feed.openSearch$totalResults.$t + ' bài</b></center>');}</script><script src="https://dovaden2010.blogspot.com/feeds/posts/default/-/Văn%20ngành%20Y?alt=json-in-script&callback=numberOfLabelPosts"></script>

</a></li>

6. Tùy chỉnh độ rộng (số px) của tiện ích tại width: 226px phù hợp với blog của bạn.

7. Nhấp "Lưu" tiện ích HTML/JavaScript. Kéo thả tiện ích vào vị trí tùy ý. Nhấp "Lưu sắp xếp" trong Bố cục.

8. Nhấp "Xem blog" để kiểm tra kết quả.

DVD chúc bạn thành công!

Nguồn: sưu tầm