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

Để 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 Hướng dẫn thêm jQuery Slider vào Blogger Reviewed by on Rating: 5

17 nhận xét

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

    Trả lờiXóa
  2. Bác hay nghiên cứu mấy Blog nước ngoài nhỉ :D

    Trả lờiXóa
  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

    Trả lờiXóa
  4. Mấy cái này tuỳ chỉnh CSS phát mệt ra :D

    Trả lờiXóa
  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é

    Trả lờiXóa
  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:)

    Trả lờiXóa
  7. @VanLinhEx : chắc cũng ko khó lắm đâu bác:)

    Trả lờiXóa
  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

    Trả lờiXóa
  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 đó:)

    Trả lờiXóa
  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é ?

    Trả lờiXóa
  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:)

    Trả lờiXóa
  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

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

    Trả lờiXóa
  14. có thấy demo nào đâu hic http://www.giaitri.duongdenthanhcong.net/

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

    Trả lờiXóa