Pro page

18
Nhận xét

[ Yêu cầu ] : Di chuyển Form comment lên trên , trước phần Comment Blocks

| by Phan Dũng | views

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

Theo yêu cầu của bạn Ngân (blogtruyen.com)
[FD's BlOg] - Theo yêu cầu, thứ nhất ta sẽ di chuyển form comment lên trước phần comment block (tức là đưa form comment lên trên cùng thay vì nằm ở dưới cùng), thứ 2 là sắp xếp comment block theo thứ tự ngược lại. Trong bài viết này mình sẽ thực hiện yêu cầu thứ nhất, yêu cầu thứ 2 sẽ thực hiện sau khi có thể.

Thực ra yêu cầu chuyển form comment lên trên cũng đơn giản, ở đây chỉ đơn thuần là ta thay đổi bố cục cho blog. Còn yêu cầu thứ 2 xem ra mới khó.

Các bạn xem hình minh họa:


Trước khi thực hiện:


Sau khi thực hiện:


☼ Bây giờ ta bắt đầu:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích
4. Tìm đoạn code bên dưới (hoặc tương tự) - đoạn code này chính là đoạn code để hiển thị form comment:

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>

5. Di chuyển tất cả code (in đậm) bên trong thẻ <p class='comment-footer'> ... </p> (mà ta tìm được ở bước 4) vào ngay sau đoạn code bên dưới:

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

6. Save template.

- Chú ý: các code của các tempalte khác nhau sẽ khác nhau, nhưng nếu các bạn dùng template từ bộ template mà blogger cung cấp thì các code tương tự nhau. Nếu dùng các mẫu template khác thì code có lẽ sẽ khác đôi chút.

☼ Thủ thuật : hiển thị comment mới nhất ở trên cùng sẽ cập nhật sau nếu mình có thể.

Chúc các bạn thành công.



Enter your mail address:

18

13/6/
6/09
01:56
Thành Công

Ông Ngân nghĩ ra cái này hay thật, còn ông Dũng thì khỏi nói rồi, yêu cầu cái làm được luôn đúng là...hix Póc tem phát nữa

13/6/
6/09
02:02
Tran & Lee Insurance Agency Team 2

Thủ thuật này hình như thấy anh Vietutd áp dụng rồi thì phải. Thanks for share.

13/6/
6/09
02:10
Phan Dũng 3

bên anh Vietutd áp dụng rồi à, mình không để ý :D

13/6/
6/09
12:53
Ác Quỷ 4

Yêu cầu thêm thủ thuật: Nếu như thủ thuật 2 của Ngânkvn là Hiển thị comment mới nhất ở trên cùng mà fandung đáp ứng được thì mình xin đóng góp thêm 1 ý tưởng, đó là Đếm số thứ tự comment từ dưới lên.

He he he...

13/6/
6/09
18:22
Khách (ẩn danh) 5

càng ngày càng pro ^^ ! :)

13/6/
6/09
23:47
vietutd 6

Đặt form comment phía trên thì tiện, hiện comment mới trước, cũ sau thì lúc nào cũng khuyến khích độc giả comment mới, không tranh nhau bóc tem nữa, à mà lúc nào cũng là bóc tem thì đúng hơn

:)

Như Ngankvn và Tài k đã biết, anh dùng Neo Template chứ không phải do anh code hoàn toàn - kế thừa và phát triển thôi

23/6/
6/09
18:01
Cỏ Mềm 7

Mình đang dùng 1 temlpate tìm được trên mạng, nhưng hình như trong code thiếu hay sao đó.
Vì sao khi đổi sang theme này, mình ko thể comments dưới mỗi bài viết. bạn có thể giúp mình được ko?
cám ơn rất nhiều!

23/6/
6/09
20:15
fandung 8

@Cỏ Mềm : mình cũng từng gặp trừng hợp như bạn, nhưng giờ ko còn template đó để test. Bạn có thể gửi file .xml của template (code full của template đó)cho mình được ko, để mình test rồi chỉnh lại cho bạn.

1/7/0
7/09
10:49
Virgovn® 9

Bạn ơi mình muốn thay đổi height và width của khung comment thì làm thế nào !

1/7/0
7/09
11:40
Phan Dũng 10

@Virgovn® : bạn vào bố cục, vào chỉnh sửa code HTML, chọn mở rộng mẫu tiện ích và tìm doạn code bên dưới :

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='417'/>

Các code hieghtwidth chính là độ rộng và chiều cao của khung comment đó bạn.

1/7/0
7/09
12:04
Virgovn® 11

Thử rồi như ko đc, nó default rồi thì phải hjx ko bik còn cách nào ko.

1/7/0
7/09
17:27
fandung 12

@Virgovn® : ko lần trước mình làm được mà, chắc mình cho nhầm đoạn code, để mình kiểm tra lại

1/7/0
7/09
20:31
Virgovn® 13

bạn coi lại dùm mình nhé, cảm ơn!

3/7/0
7/09
12:22
Khách (ẩn danh) 14

bạn ơi coi lại dùm mình cái!

3/7/0
7/09
16:01
fandung 15

mình đã xem rồi bạn à, đúng là đoạn code này, nhưng chỉ thay đổi được độ rộng, không thay đổi được chiều cao, hình như chiều cao nó quy định sẵn hay sao đó, ko đổi đc.

Hình minh họa thay đổi mà mình đã thực hiện:
http://img.photo.zing.vn/file_uploads/gallery/w642h/q42008/2009/07/03/03/22271246611533.bmp

3/7/0
7/09
20:46
Khách (ẩn danh) 16

Đúng là có thể thu nhỏ nhưng phóng to lên thì ko đc nó default gòi :((

6/11/
1/12
04:20
Unknown 17

Cho mình hỏi,vậy chuyển lên hay xuống phần hiển thị Comments được ích lợi gì mình vẫn chưa hình dung ra. Tôi thấy làm sao cho Comments của người mới viết hiện ra còn Comments của những người viết trước đó thì cứ cho nó trôi đi như vậy hợp lý hơn.

8/11/
1/12
15:03
Bóng Người Lặng Lẽ 18

FanDung ơi, xem giúp mình với template này thì chỉnh làm sao để khung comment nằm bên trân các nhận xét nha. http://guestbook-bnll.blogspot.com

Xin cảm ơn FD rất nhiều



☺ 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

Newer Posts Older Posts Home