Tổng hợp các style cho tiện ích "Recent posts with thumbnail" (có thể yêu cầu style khác ở đây)

Bài viết này mình sẽ tổng hợp các style của tiện ích "Recent posts with thumbnail" mà mình đã hoàn thiện từ tiện ích của VWG. Ngoài ra các bạn có thể yêu cầu các style khác mà bạn thích, mình mình chỉnh sửa được sẽ update lên.

Trong bài viết này mình sẽ không giới thiệu cách thực hiện thủ thuật, mà mình chỉ minh họa kết quả và đưa các file javascript cho từng style. Còn thủ thuật thì các bạn có thể tham khảo ở các bài trước.

Trong các style đầu tiên này, có 2 style của mình đưa ra và 2 style theo yêu cầu.

1. Style 1 : hiển thị mô tả bài viết khi rê chuột vào tiêu đề:

- Xem demo trực tiếp ở đây: http://fandung.110mb.com/JS-files/newposts-Description/style1/index1.html

Ảnh minh họa :

- Tham khảo thêm thủ thuật này ở đây: style1
(thực hiện lại tương tự và chỉ việc thay đổi link của file Javascript)

- Link file javascript:

Cho từng nhãn:
http://fandung.110mb.com/JS-files/newposts-Description/style1/s1-label.js
Cho cả blog:
http://fandung.110mb.com/JS-files/newposts-Description/style1/s1-post.js

2. Style 2 : hiển thị bài viết dạng list, với việc hiển thị mô tả có kèm ảnh thumbnail khi rê chuột.
- Xem demo trực tiếp ở đây: http://fandung.110mb.com/JS-files/newposts-Description/style2/index2.html

Ảnh minh họa :

- Tham khảo thêm thủ thuật này ở đây: style2
(thực hiện lại tương tự và chỉ việc thay đổi link của file Javascript)

- Link file javascript:

Cho từng nhãn:
http://fandung.110mb.com/JS-files/newposts-Description/style2/s2-label.js
Cho cả blog:
http://fandung.110mb.com/JS-files/newposts-Description/style2/s2-post.js

3. Style 3 : Thủ thuật theo yêu cầu của bạn YoYo
- Chỉ hiển thị ảnh của bài viết, với hiện thị tiêu đề bài viết khi rê chuột.
- Xem demo trực tiếp ở đây: http://fandung.110mb.com/JS-files/newposts-Description/style3/index3.html

Ảnh minh họa :

- Tham khảo thêm thủ thuật này ở đây: style3
(thực hiện lại tương tự và chỉ việc thay đổi link của file Javascript)

- Link file javascript:

Cho từng nhãn:
http://fandung.110mb.com/JS-files/newposts-Description/style3/s3-label.js
Cho cả blog:
http://fandung.110mb.com/JS-files/newposts-Description/style3/s3-post.js

4. Style 4 : Thủ thuật theo yêu cầu của bạn LouLou
- Thủ thuật này là sự kết hợp của hiệu ứng jQuery và hiệu ứng mô tả bài viết: http://fandung.110mb.com/JS-files/newposts-Description/style4/index41.html

Ảnh minh họa :

- Tham khảo thêm thủ thuật này ở đây: style4.1 (jQuery) và style4.2 (Mô tả)
(thực hiện lại tương tự, ngoài việc thay đổi link của file Javascript từ thủ thuật 4.1 bạn còn phải thêm tất cả code CSS của thủ thuật 4.2 vào trong code của thủ thuật 4.1)

- Link file javascript:

Cho từng nhãn:
http://fandung.110mb.com/JS-files/newposts-Description/style4/s4-label.js
Cho cả blog:
http://fandung.110mb.com/JS-files/newposts-Description/style4/s4-post.js

Ngoài ra bạn nào có yêu cầu thêm style khác mà mình thích thì cứ comment ở dưới, mình sẽ chỉnh sửa theo yêu cầu (nếu được) và mình sẽ update lên.