Thứ Sáu, 4 tháng 11, 2011

Đá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='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/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='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/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://lh6.googleusercontent.com/_U0QaeycS3vw/TaC2YyqyVwI/AAAAAAAAAgQ/yqnuy-4q8-s/button_reply.gif'/></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ẻ.

2 nhận xét:

Trần Việt Đức nói...
16:38 22 tháng 11, 2011

cảm ơn bạn vì đã chia sẻ thủ thuật

kimduccz nói...
16:31 24 tháng 11, 2011

Chia sẻ và học hỏi để cộng đồng các Bloger cùng giúp nhau tiến bộ.
Vui vẻ nhé bạn.

Đăng nhận xét

Chào các bạn ghé thăm Blog, bạn hãy để lại nhận xét nếu thấy bài viết có ích. Cám ơn các bạn

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by WordPress Themes | by Free - Premium Blogger Themes | Facebook Themes

*_* Bảng thông báo


Blog Kimduccz chào các bạn. Cám ơn các bạn đã đến thăm, rất mong nhận được những đóng góp xây dựng cho Blog ngày một tốt hơn, Blog Kimduccz chúc cộng đồng BlogSpot của chúng ta ngày một phát triển, chúc các bạn vui vẻ, thành công.

*_* Liên kết Blog

*_* Bài xem nhiều