Chèn khung Comment dưới bài viết Blogspot

Trước đây, với các mẫu Template của Blogspot, muốn đăng 1 nhận xét (Comment)người đọc cần phải click vào liên kết để mở ra trang Post a comment, điều này thực sự bất tiện và đã làm giảm đa số Comment của khách viếng thăm.

Nhưng giờ đây, với http://draft.blogger.com/ đã giải quyết được vấn đề này, các pro đã nghiên cứu và nhúng được khung Comment ngay dưới mỗi bài viết, sau khi đọc xong bài viết khách viếng thăm có thể post ngay 1 Nhận xét mà không cần phải thêm động tác như trước đây.

Dưới đây xin hướng dẫn với các bạn cách để chèn khung Nhận xét ngay dưới các bài viết.

Bước 1 : Đăng nhập http://draft.blogger.com/

Bước 2: Vào Settings (Cài đặt) > Comments (Nhận xét) trong blog của bạn. Trong phần (Vị trí nhận xét) Comment Form Placement . bạn click chọn Nhúng bên dưới bài đăng “Embedded below post” - Giống hình dưới)

Bước 3 : Vào Bố cục ---> Chỉnh sửa HTML (Layout-->Edit HTML) và click chọn Mở rộng mẫu tiện ích (Expand widget templates) . Bạn nhớ Lưu cài đặt rồi chuyển qua các bước tiếp theo.

Bước 4 : Tìm dòng code sau:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

thay thế bằng code sau:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<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> </b:if>

Lưu lại thay đổi.

Giờ đây bạn đã có khung Nhận xét dưới mỗi bài viết của mình trong Blog.

Rắc rối gặp phải:

Nếu xảy ra tình trạng sau khi thay thế code như trên mà khung Nhận xét không xuất hiện bạn hãy tìm dòng code như bên dưới:

<b:include data='post' name='comments' />

và thêm dòng code:

<b:include data='post' name='comment-form'/>

Vào ngay sau đó.

Giờ đây chắc chắn bạn đã có hộp khung Nhận xét cho Blog của mình, nếu vẫn xảy ra tình trạng đó thì bạn hãy làm lại từ đầu một cách hết sức cẩn thận, vì tác giả bài viết này cũng đã xảy ra tình trạng đó.

Mãi chẳng thấy hiện khung Nhận xét, bực bội nhưng khi bình tĩnh lại làm từng bước cẩn thận thì khung Nhận xét đã hiện ra như các bạn thấy ở blog này.

bạn cũng có thể thay đổi chiểu cao, chiều rộng của Khung nhận xét bằng cách thay thế các giá trị mà bạn mong muốn vào những chữ màu xanh trong dòng code dưới.

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

Để chỉnh sửa định dạng của dòng chữ hiện dưới Post a comment thì bạn thay thế chữ mà bạn muốn thể hiện vào blogCommentMessage ở dòng lện sau:

<p><data:blogCommentMessage/></hp>

Chúc bạn thành công. Có gì vướng mắc hãy cùng nhau gỡ rối nhé các bạn.
Nguồn: BLOGGER ACCESSORIES

Posted in: Thủ Thuật Blog