Hướng dẫn thêm jQuery Slider vào Blogger

Slides là một Plugin xem hình tự động sử dụng jQuery cho phép Bạn tạo các Feature Post mà bạn tâm đắc nhằm thu hút lượng visitor đến với blog bạn nhiều hơn và nó còn giúp Blog của bạn trở nên chuyên nghiệp hơn, và chắc các bạn không còn xa lạ với những Plugin này, hôm này mình mạn phép hướng dẫn các bạn sử dụng loại Plugin này ^^!. Trình của mình còn non, chẳng qua thấy vui post bài thôi, nếu có lỡ múa rừu qua bác nào, em xin mấy bác đừng chém hay ném gạch, tội em nha.
Để thấy rõ hiệu quả của nó, bạn có thêm xem qua demo hoặc download source về xem thử.

DEMO                   DOWNLOAD


Để thực hiện, bạn làm như sau.
1. Đăng nhập Blogger > Thiết kế > Chỉnh sửa HTML, có thể Mở rộng mẫu tiện ích.
2. Tìm thẻ đóng ]]></b:skin>, dán đoạn code bên dưới vào trên nó.

3.Tìm đến </head> và thêm vào trên nó đoạn code.

4. Để hiển thị slide, bạn chỉ copy và dán đoạn code bên dưới vào nơi mà bạn muốn hiển thị Slide.

5. Thay thế các link ảnh tại thẻ <img> mà bạn muốn hiển thị. Lưu Temp và tận hưởng kết quả. Chúc thành công.
Note: Đã cập nhât toàn bộ code và demo!

Hướng dẫn thêm jQuery Slider vào Blogger
4/ 5 stars - "Hướng dẫn thêm jQuery Slider vào Blogger " Hướng dẫn thêm jQuery Slider vào Blogger
Hướng dẫn thêm jQuery Slider vào Blogger Hướng dẫn thêm jQuery Slider vào Blogger Reviewed by on Rating: 5

17 comments

  1. Chém bài mới mấy bác ơi:D

    ReplyDelete
  2. Bác hay nghiên cứu mấy Blog nước ngoài nhỉ :D

    ReplyDelete
  3. @Đing Kiu Truê : Thế nó mới chất đc, lấy bài nc ngoài để dân mình xài:D
    @Đạt: chú hay khinh anh quá:-L

    ReplyDelete
  4. Mấy cái này tuỳ chỉnh CSS phát mệt ra :D

    ReplyDelete
  5. Cái này mình thấy nhiều người làm, cũng thấy hay hay nhưng chưa biết cách làm, nay thấy Quang hướng dẫn cũng thấy... dễ dễ nhể :D
    Nói vậy chứ cho mình hỏi, cái dòng chữ "màu đỏ, xanh, xanh lá, hồng" ấy là gì ? Có phải là các line ảnh sẽ hiển thị ko ? Các ảnh ấy có liên kết được với mỗi bài viết được gán không ? :-L
    Mình gà lĩnh vực này lắm, đừng "ném đá" nhé

    ReplyDelete
  6. @BS.KuTu : Đúng rồi bác, mấy cái đó gồm link ảnh, link bài viết, tiêu đề ảnh và tiêu đề bài viết:)

    ReplyDelete
  7. @VanLinhEx : chắc cũng ko khó lắm đâu bác:)

    ReplyDelete
  8. Mấy cái này không đẹp bằng cái mà chip cũng nghiên cứu trang nước ngoài.Slice đẹp

    ReplyDelete
  9. @ChipKool_Online : Nivo Slide thì đẹp rồi, đây là kiểu đơn giản nhưng ko kém phần chuyên nghiệp, cái slide tớ đang dùng cũng là Nivo slide đó:)

    ReplyDelete
  10. Xem thì thấy dễ dễ mà làm thì không biết có ...khó khó không. Lúc nào có giờ nhất định mình sẽ thử.
    Không biết điều nào thì chạy sang hỏi Quang nhé ?

    ReplyDelete
  11. @Việt Phương : Bạn cứ làm thử, có gì thì bạn pm mình, mình sẽ cố gắng giúp trong khả năng:)

    ReplyDelete
  12. sao mình chèn vào nó cứ báo lỗi cú pháp không đúng vậy bạn? :( Nó hiện dòng này nè :

    Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
    Thông báo lỗi XML: The entity name must immediately follow the '&' in the entity reference.

    Error 500

    ReplyDelete
  13. @Black Angel : Bạn cũng bị à, để mình fix lại code xem sao nhé:(

    ReplyDelete
  14. có thấy demo nào đâu hic http://www.giaitri.duongdenthanhcong.net/

    ReplyDelete
  15. :) ad ơi cho hỏi xìu : sao mình coppy code về bị lỗi hoài vậy

    ReplyDelete