Loading post navigation ...
 
 

Pro page

22
Nhận xét

[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)

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[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 = " » ";
...
...

- 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 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)

Hình ảnh minh họa :


- Để 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.


Enter your mail address:

22

Trai miền Tây

Code thứ 2: http://fandung.110mb.com/label-tin247/b-label-final.js không biết có lỗi hay không mà mình thêm vào nó không hoạt động bạn à!

fandung

bạn phải thêm đoạn code màu đỏ như mình nói ở trên vào nhé, thiếu nó file JS ko chạy.

fandung

@Trai Miền Tây : mình đã hoàn thiện lại thủ thuật này 1 lần nữa, bạn hãy cập nhật lại nhé

Vietmanga

Nếu có thể, anh FD giúp em viết lại code như yêu cầu lần trước được ko? :)
http://fandung.blogspot.com/2009/06/thu-thuat-yeu-cau-hien-thi-bai-viet.html

Phan Dũng

@Vietmanga : ủa, em không đọc lại bài viết đó sao, anh có thực hiện yêu cầu của em rồi mà, anh bổ xung vào ngay bài viết đó luôn mà, ở phía dưới đó.

Trong bài viết đó, ở trên anh còn thêm dòng Cập nhật yêu cầu của bạn Vietmanga để em chú ý, vậy mà em ko để ý sao???

Cái yêu cầu này anh đã thực hiện nó lâu rồi, anh còn tưởng em quên luôn chứ. Tại ko thấy em comment khi anh update bài viết.

Phan Dũng

Sorry, anh hiểu ý em rồi.

Tức là áp dụng bản hoàn thiện này cho cái yêu cầu như hôm bữa phải ko?

Vietmanga

Đúng rồi ạ. Anh sửa bản hoàn thiện này theo yêu cầu kia cho em với. Thanks anh. :D

phattrien@so

hiểm quá, vừa giới thiệu fd với mọi người về cái Version cũ xong là đẻ ngay ra cái bản mới.
Lậi phải update rồi, anh copy y nguyên nhé, đừng giận nhé, cho góp 1 sức để PR Fandung thôi mà ^_^

phattrien@so

đã update và dăng bài này. Cám ơn lần 1.
đã post bài này bên vnpressnet.com để phổ biến cho mọi người biết nhiều hơn. Cám ơn lần 2.

fandung

@PTS ::D ko có gì anh à

@Vietmanga : mìh sẽ trả lời vào ngay bài viết này, bạn theo dõi nha.

fandung

@Vietmanga : đã update cho em rồi đó

Vietmanga

Ui, thanks anh FD nhiều nhiều :D

Ác Quỷ

Mình để độ rộng hơi nhỏ nhưng không muốn tiêu đề nó xuống dòng, nhìn không đồng bộ cho lắm. Mình mún giới hạn số ký tự của tiêu đề bài viết thì làm sao FD nhỉ ?

Phan Dũng

@Tài : mình cũng nghĩ tới việc này rồi, nhưng chưa thử, ko biết có được ko nữa :D

Anh2

Dũng ơi! Làm sao để thay thế cái icon đầu tiêu đề bài viết thành ảnh đc?Minh thử nhưng ko đc?

Anh2

Dũng ơi! Làm sao để tạo"Các bài viết từ 1 chuyên mục" giống như "các bài viết khác từ 1 blog" ?Cả về bố cục và icon như bên trên đó?

Phan Dũng

@Mr.Nguyễn : việc đổi icon icon đầu tiêu đề bài viết mình có nói trong thủ thuật của bạn Vietmanga yêu cầu mà, bạn xem lại ở đây :

http://fandung.blogspot.com/2009/06/thu-thuat-yeu-cau-hien-thi-bai-viet.html

- CÒn cái yêu cầu thứ 2 của bạn, thì chỉ cần chỉnh sửa file JS lại 1 chút là được. CÓ gì mình sẽ cập nhật file JS sau. Bạn tham khảo bài viết yêu cầu của bạn Vietmanga trước đi.

Sonnie Tran

Anh FD ơi! Việc đổi icon đầu tiêu đề bài viết thành hình có ở thủ thuật yêu cầu của vietmanga nhưng nó là cho 1 blog. Còn mình muốn cho 1 label thôi thì sao?

Bloghot

anh D ơi, các tiêu đề bài viết khác bên dưới mình giới hạn ký tự thế nào vậy? vd:
"Nhật ký tôi và em" thì thành thế này "Nhật ký tôi..."

Gà Rừng

Fan Dũng ơi. Mình làm cấu hình rồi. Nhưng file *.js còn 1 lỗi nữa là " Không chạy được trên các phiên bản IE 6.0 trở về trước.

Uzumaki Naruto - Nguyễn Hải ™
vuvanxuong

sao mình làm không được nhỉ .. Fan Dũng xme giúp mình với dc k http://songhongyvc.blogspot.com/



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home