[Bản hoàn thiện] Hiện thị bài viết giống trang tin247.com (cập nhật 7/7/09)
Thứ Hai, 6 tháng 7, 2009
[FD BlOg] - Bài viết trước (xem ở đây) có 2 việc nhỏ mà mình 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ũ mình 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ì mình cũng đã khắc phục được 2 việc này. Ở thủ thuật trước mình dùng tới 2 file Javascript, và ở bài viết hoàn thiện này, mình 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://data.fandung.com/blog/demo/label-tin247/a-label.js" type="text/javascript"></script>
<script src="http://data.fandung.com/blog/demo/label-tin247/b-label.js" type="text/javascript"></script>
thay bằng đoạn code bên dưới:
<script src="http://data.fandung.com/blog/demo/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 = " » ";
...
...
...
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.
☼ Cập nhật file JS cho bản hoàn thiện này đối với thủ thuật yêu cầu của bạn Vietmanga (vietmanga.blogspot.com) - (8/7/2009)
- Để cập nhật bản hoàn thiện này cho yêu cầu của bạn Vietmanga, ta chỉ việc đổi file JS là được.
- Vào thủ thuật cũ (xem ở đây)
- tìm đoạn code như bên dưới:
<script src="http://data.fandung.com/blog/demo/label-tin247/fix2/fix1-247-post.js" type="text/javascript"></script>
<div style="padding-left:30px;">
<script src="http://data.fandung.com/blog/demo/label-tin247/fix2/fix-247-post.js" type="text/javascript"></script>
</div>
- Thay nó bằng đoạn code bên dưới:
<script src="http://data.fandung.com/blog/demo/label-tin247/fix2/fix247final.js" type="text/javascript"></script>
- ở phần update này mình đã lồng thẻ <div style="padding-left:30px;"> vào trong file JS rồi, nên việc căn lề thụt vào cho list sẽ là cố định, chứ mình ko đưa ra ngoài như bản cũ.
Chúc các bạn thành công.
Comments[ 0 ]
Đăng nhận xét