Hiệu ứng xổ dọc cho widget Blog Archive của blogger

Nếu bạn đang sử dụng phong cách thứ bậc (Hierarchy) cho widget Lưu trữ Blog (Blogger Archive) của bạn. Bạn sẽ phải phải đối mặt với vấn đề mở rộng tự động của danh sách thả xuống của một tháng cụ thể, như vậy với tháng nào post quá nhiều bài sẽ khiến blog của bạn nhìn không cân đối và mất tính chuyên nghiệp. Hack này đơn giản giải quyết vấn đề bằng cách làm cho tất cả các nút trong hệ thống phân cấp thứ bậc theo mặc định. Điều này có thể chỉ đơn giản là thêm vào trình cài đặt một cú nhấp chuột hoặc bằng tay.

Ảnh minh họa:

XXEM DEMO

Điều kiện tiên quyết để thủ thuật hoạt động.

Trước khi bạn áp dụng hãy nhớ rằng bạn phải có một tiện ích Lưu Trữ Blog (Blog Archive) và thiết lập thứ bậc (Hierarchy) (như thể hiện trong hình dưới đây):

Thêm đoạn code sau vào trước thẻ </body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>  
if ( $('.archivedate').hasClass('expanded') ) 
{ 
 $('.archivedate').removeClass('expanded'); 
$('.archivedate').addClass('collapsed'); 
}
</script>

Cách thức làm việc?

Nó trước hết là kiểm tra nếu một phần tử có tên class là "archivedate" đồng thời chứa một class "expanded" trong nó. Thì nó loại bỏ các lớp expanded và cho biết thêm một lớp có tên là "collapsed".

Nếu bạn phải đối mặt với bất kỳ vấn đề thực hiện nó trong blog của bạn Hãy để lại ý kiến.