Tạo nút Reply cho nhận xét Blogger (nút Trả lời)

Một đặc tính nổi bật mà hầu hết các hệ thống nhận xét dạng plugin như Disqus là nút Reply (Trả lời) ngay sau mỗi nhận xét. Về mặc định thì hệ thống nhận xét của Blogger không có đặc tính này. Tuy nhiên bạn cũng có thể sử dụng một thủ thuật để tạo nút Trả lời cho mỗi nhận xét Blogger.

Bạn có thể xem Demo ở các nhận xét trên blog này. Có 2 kiểu và vị trí khác nhau như hình, bạn hãy chọn lấy một kiểu nha.

Để làm được như vậy, bạn hãy thực hiện theo hướng dẫn sau đây.

• Đăng nhập Blogger
• Chọn Design (Thiết kế) >> Edit HTML (Chỉnh sửa HTML). 
• Clickchọn Expand Widget Templates (Mở rộng tiện ích mẫu).

Tìm dòng <data:commentPostedByMsg/> (Nếu không có dòng đó thì tìm dòng sau: <a class='says'>says:</a>) Và đặt sau nó 1 trong 2 loại code bên dưới:

Code kiểu 1:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXXXXXXXXXX&amp;postID=&quot;
 + data:post.id + 
&quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot;
 + data:comment.anchorName + &quot;%22%3E&quot; + 
data:comment.author + &quot;%3C%2F%61%3E#form&quot;' 
onclick='javascript:window.open(this.href, 
&quot;bloggerPopup&quot;, 
&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=750,height=450&quot;);
 return false;'>[ Trả lời ]</a></span>

Trong đoạn code trên, bạn cần thay blogID = xxxxxxxxxxxxxxxxx cho blogspot của bạn.

Code dành cho kiểu 2:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=750,height=450&quot;); return false;+ &quot;#comment-post-message&quot;' style='background-color:#eeeeee;border:1px solid #d3d3d3;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Trả lời</a></span>

Thay blogID = xxxxxxxxxxxxxxxxx cho blogspot của bạn.
Lưu ý: Đối với các bạn sử dụng mẫu Template Free trên mạng thì các bạn thay đoạn code có dạng tương tự sau bằng 1 trong 2 đoạn code bên trên.
Code:

<a expr:href='data:post.url + &quot;#comment-post-message&quot;' style='background-color:#eeeeee;border:1px solid #d3d3d3;color:#000000;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Reply</a>

+ Cách xác định ID blogspot:
- bạn vào Thiết kế sau đó copy URL của trang Thiết kế

Trong đó phần chữ màu đỏ là ID:

http://www.blogger.com/rearrange?blogID=2247542137056218612

Cuối cùng, chỉ cần SAVE TEMPLATE và ra blog để chiêm ngưỡng thành quả. Với hệ thống comment mới, chúc blog các bạn ngày càng thành công hơn nữa.