Update “Recent Post” với từng Label cho HomePage

( 24ahz.com) - 

Bài viết trước (xem ở đây) có 2 việc nhỏ mà [FD's BlOg] chưa thực hiện được, đó là bài viết mới nhất vẫn xuất hiện ở list danh sách các bài cũ hơn. Trông có vẻ hơi thừa, và thứ 2 nữa là ở thủ thuật cũ [FD's BlOg] dùng tới 2 file Javascript, và ở bài viết này mình sẽ khắc phục 2 điều chưa làm được này. 

Có thể nói là lúc đầu viết thủ thuật này, kiến thức về javascript còn hơi "gà" nên có những thiếu sót như đã nói ở trên, và sau 1 đêm tự mày mò thì [FD's BlOg] cũng đã khắc phục được 2 việc này. Ở thủ thuật trước [FD's BlOg] dùng tới 2 file Javascript, và ở bài viết hoàn thiện này chỉ dùng duy nhất 1 file JS, như thế sẽ giảm bớt thời gian load các file javascript cho blog của các bạn.

Dưới đây là hình minh họa:

Thủ thuật ban đầu:

Thủ thuật hoàn thiện:

Trước tiên bạn hãy xem lại thủ thuật trước (xem ở đây) Để sửa lại thủ thuật này, rất đơn giản, bạn chỉ việc thay thế 2 link Javascript trong thủ thuật trước thành 1 link mới duy nhất, như bên dưới : tìm đoạn code như bên dưới trong thủ thuật cũ:

<script src="http://fandung.110mb.com/label-tin247/a-label.js" type="text/javascript"></script>

<script src="http://fandung.110mb.com/label-tin247/b-label.js" type="text/javascript"></script>

thay bằng đoạn code bên dưới:

<script src="http://fandung.110mb.com/label-tin247/247final.js" type="text/javascript"></script>

Ngoài việc chỉnh sửa trên mình còn hoàn thay đổi 1 chút trong phần mô tả (như hình minh họa), do đó bạn hãy chèn thêm đoạn code màu đỏ vào như bên dưới:

... ... acolor = "#000"; titlecolor = "#f00"; mcolor= "#F65709"; aBold = true; icon = " » "; ... ...

- Lưu ý là phải thêm đoạn code màu đỏ này vào trong thủ thuật cũ, như thế file JS mới chạy được.

- Với đoạn code màu đỏ sẽ là màu tiêu đề bài viết của phần mô tả. bạn hãy tùy chỉnh lại màu hiển thị này theo ý bạn.

- Như vậy với việc hoàn thiện này, bài viết mới nhất sẽ hiển thị ở trên đầu, còn các bài viết cũ hơn sẽ hiển thị dạng list.

Tổng các bài viết hiển thị (numposts = 8;) sẽ bao gồm cả bài viết mới nhất và list các bài cũ hơn, vì thế các bạn hãy tùy chỉnh lại để được hiển thị theo như ý muốn.

Ngoài ra, để tránh trường hợp như thời gian vừa qua gặp phải với host Samba, xin gửi bạn đường link để sao lưu 2 file .js sử dụng trong thủ thuật này, phòng trường hợp 110mb.com bị lỗi, các bạn có thể upload nó lên 1 host free nào đó để dùng.

http://fandung.110mb.com/label-tin247/247final.js download (tại đây) 

Cám ơn Fandung và chúc các bạn thành công.

Nguồn : vnblognet

Nếu bạn gặp khó khăn về ngoại ngữ hãy coppy tên try cập ( link ) của trang hoặc đoạn văn bản cần dịch dán vào trang Google dich . Xin cảm ơn các bạn đã ủng hộ chúng tôi !