Đánh số thứ tự cho Comment và tạo Reply cho Comment

1.Với việc đánh số thứ tự cho các nhận xét (Comments), tôi xem ở Blog oloblogger , nếu muốn trang trí thêm cho khung Comment và tiện cho việc theo dõi của bạn bằng việc đánh số thứ tự thì bạn làm như sau.
*Bước một, bạn đăng nhập vào Blog > Mẫu > Chỉnh sửa HTML > Tiếp tục > Check mở rộng mẫu tiện ích > Bấm cặp phím Ctrl+F để tìm thẻ này.

<b:loop values='data:post.comments' var='comment'>

Sau đó bạn dán vào trước nó dòng này.

<script type='text/javascript'>varcontadorComentarios=0;</script>

Tiếp theo bạn tìm thẻ này.

<div class='comments-body'>

Rồi dán vào trên nó toàn bộ Code sau.

<!--
Numerar comentarios -->
<div
class='comentacontador'><a expr:href='&quot;#comment-&quot;
+ data:comment.id' title='Enlace al comentario'><script
type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios);
</script></a></div>

*Bước thứ hai, bạn tìm thẻ này.

]]></b:skin>

Rồi dán toàn bộ Code sau vào trước nó.

.comentacontador
a {
float:right;
margin-top:-10px;
margin-right:10px;
font-size:
14px;
color:
#3bdf6c !important;
text-decoration:none;
padding:0px
8px;
}
.comentacontador
a:hover {
color:
#84e324 !important;
}

Vậy là xong, bạn có thể lưu mẫu và quay lại Blog xem kết quả. Bạn có thể thay đổi những tham số tôi đánh dấu màu xanh và màu đỏ cho phù hợp với khung Comment trong Blog của bạn.
2.Với việc tạo phần trả lời cho các bình luận (Reply to comment) tôi đã tham khảo ở Blog Spice Up Your Blog và Blog Noct Blog có hai kiểu khác nhau, bạn muốn thực hiện theo kiểu nào cảm thấy ưng ý thì làm.
* Theo Blog Spice Up Your Blog bạn làm như sau :
Bạn đăng nhập vào Blog > Mẫu > Chỉnh sửa HTML > Tiếp tục > Check mở rộng mẫu tiện ích > Bấm cặp phím Ctrl+F để tìm thẻ này.

<div class='comments-meta'>

Sau đó dán vào phía trên nó toàn bộ Code này.

<a
href=' '><img alt='Best Blogger Tips'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAeRUVBHeKIHbNUSa58-kvtmwd1DcDfqU_xsOoqUzov6HEPt2UNxMO3Sr_atBkfNMGkqqNYX0eyZjdTkVpftvYmQIC_oJQ7RDwwVE9MpMzdVJHg2sG5jX_ay5Dco3ZmS0G7K3wrizmvFnE/s1600/best+blogger+tips.png'/></a><span
class='comment-reply'><a
expr:href='&quot;https://www.blogger.com/comment.g?blogID=
Thay Blog ID của bạn vào đây&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=400,height=450&quot;);
return false;'>[Reply to comment]</a></span><a
href='http://www.bestbloggertemplates.net'><img alt='Best
Blogger Templates'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAeRUVBHeKIHbNUSa58-kvtmwd1DcDfqU_xsOoqUzov6HEPt2UNxMO3Sr_atBkfNMGkqqNYX0eyZjdTkVpftvYmQIC_oJQ7RDwwVE9MpMzdVJHg2sG5jX_ay5Dco3ZmS0G7K3wrizmvFnE/s1600/best+blogger+tips.png'/></a>

Bạn thay Blog ID (bằng cách đăng nhập vào Blog > Mẫu, sau đó bạn nhìn lên phía trên đường Link sẽ thấy Blog ID) của bạn vào dòng chữ màu đỏ trong Code. Vậy là xong, bạn lưu mẫu và quay lại Blog xem kết quả.
* Theo Blog Noct Blog :
Bạn thực hiện các bước như đã hướng dẫn ở trên, nhưng dán vào phía trên thẻ Meta toàn bộ Code sau.

<a
class='comments-reply'
expr:href='&quot;https://www.blogger.com/comment.g?blogID=Thay Blog ID của bạn vào đây&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%20%3A#form&quot;'
onclick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=450&quot;);return
false;' rel='nofollow'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0K26k0BwK8uZwwxpE2xskRqFHmiPCV6crkdtkz5LZkwNK8o2MV7pYjSwBT_rQqQzWBLwwjBqiSzjHvNAdEmqMi3LeDcttlNPw0Oowj5VYEfQGPx0XsE6BV3AL7nrFfi_zxp7gOlQ6vtA/'/></a>

Xong bạn lưu mẫu và trở lại Blog xem kết quả.
Chúc các bạn vui vẻ.

Posted in: Thủ thuật Blog