Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript

Đa số các Template Blogger hiện nay, phần slide được làm đẹp rất nhiều và cũng rất đơn giản. Nhưng cũng có một vài kiểu slide chuyên sử dụng js ( javascript) để xử lý nên việc dùng slide vào Blogger cũng thật sự ít đi, trừ những trang chuyên về tạp chí, làm đẹp hay bán hàng thì vẫn còn sử dụng. Vì thế, hôm nay - mình xin giới thiệu kiểu slide có tên là Accordian Slider , loại slide này xuất hiện đã lâu, vì thế hôm nay, mình chia sẻ đến các bạn, kiểu sử dụng chỉ có HTML và CSS, ngoài ra không có Javascript, nên các bạn yên tâm là có thể thoải mái sử dụng mà không làm giảm tốc độ tải trang của Blog.

Để đến với hướng dẫn, mời các bạn xem qua demo:

1. Chèn đoạn code bên dưới vào sau thẻ div mà bạn muốn hiển thị, ở blog demo, mình chèn sau thẻ </header>

DEMO

Thay đổi lại Link ảnh và Title ảnh.

2. Tiếp tục chèn đoạn style bên dưới vào trước thẻ ]]></b:skin>

Lưu mẫu và xem kết quả. Bạn cũng có thể download source về xem tại đây.

LINK DỰ PHÒNG 1                       LINK DỰ PHÒNG 2