Thêm hiệu ứng show ảnh từ jQuery vào tiện ích "Gallery Recent Posts"

[FD's BlOg] - Bài viết này là sự kết hợp của 2 thủ thuật trước mà mình đã đăng. Đó là việc kết hợp hiệu ứng show ảnh vào tiện ích Recent Posts (dạng Gallery). Do đây là sự kết hợp của 2 thủ thuật trước, nên mình sẽ không giới thiệu lại các thủ thuật đó, mình sẽ chỉ hướng dẫn các bạn chỉnh sửa đôi chút code.

Xem demo ở đây : http://data.fandung.com/js/recentposts-gallery/j-index.html

Hình ảnh minh họa:

Để thực hiện được thủ thuật này, blog của bạn phải được thêm 2 thủ thuật bên dưới:
1. Hiệu ứng show ảnh từ jQuery (xem hướng dẫn ở đây ) , chỉ cần chèn đoạn code chính (code JS + code CSS)
2. Tạo widget recent posts (Hiển thị dạng Gallery) cho các Nhãn (xem hướng dẫn ở đây)

Sau khi đã thêm 2 thủ thuật ở trên, các bạn vào thủ thuật 2 để chỉnh sửa lại.
a. Vào code chính của thủ thuật 2, bạn sẽ thấy link javascript như bên dưới:

http://data.fandung.com/js/recentposts-gallery/art-label.js

b. Hãy thay đổi link file JS đó lại thành link bên dưới :

http://data.fandung.com/js/recentposts-gallery/j-art-label.js

Như thế là đã hoàn thành.

Chúc các bạn thành công.