Update “Recent Post” từng Label cho HomePage

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.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.