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ó HTMLCSS, 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:


Chúng ta bắt đầu nhé.
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>

Thay đổi lại Link ảnhTitle ả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
Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript
4/ 5 stars - "Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript" Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript
Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript Hướng dẫn thêm Accordian Slider vào Blogger - Không sử dụng javascript Reviewed by on Rating: 5

6 comments

  1. Tưởng nghỉ blog lâu rồi cơ mà nhỉ :D

    ReplyDelete
    Replies
    1. Em nghỉ lâu rồi bác, giờ online đi chém gió các kiểu thôi :D

      P/s: Blog vào hay bị văng ra thế :v

      Delete
    2. Bị chặn, phải có dns hoặc vpn mới vô đc :(

      Delete
    3. Vất vả thế bác :3

      Delete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Cảm ơn bạn đã ghé thăm Blog. Chúc bạn 1 ngày làm việc vui vẻ và thành công :D

      Delete