Update “Recent Post” với từng Label cho HomePage
Wednesday, 30 December 2009
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.
Tags:
Breakingnews,
Khoi tao Blog,
Layout
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. 
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ũ: 
Ý kiến bạn đọc [ 3 ]
Bài viết rất hay!
Nhưng sao thumbnail không hiển thị hình ảnh được vậy? Mình đã làm đúng theo hướng dẫn.
file .js bị hỏng rồi
Mình thay phần Home_page và nhẫn về blog fandung thì hiển thị hình ảnh bình thường. Chứng tỏ là file JS không bị lỗi.
Bác tìm cách giúp mình với.
Ý kiến của bạn