Chia sẻ thủ thuật blogspot - blogger

luat1x1

10/21/2011

Đánh số thứ tự comment cho blogger

(Traidatmui.com) – Chắc hẳn đã có nhiều bạn quan tâm và biết đến thủ thuật "Đánh số thứ tự cho các comment" trên blogger. Ở đây mình cũng chia sẻ lại thủ thuật này để những bạn lần đầu tiếp xúc với việc tạo blog hay chưa có ý tưởng cho việc này có thể tham khảo. Vâng ngay tên gọi thì cũng đã giúp bạn biết được tác dụng của thủ thuật này. Nó sẽ giúp bạn đánh số cho các comment theo trình tự được xuất trên blog của bạn. bạn có thể xem hình ảnh minh họa bên dưới.
Ảnh minh họa


☼ Bắt đầu thủ thuật

1. Đầu tiên bạn vào tài khoản blogspot
2. Vào phần thiết kế chọn chỉnh sửa HTML (chọn phần mở rộng mẫu)
3. Chèn đoạn css bên dưới vào trước thẻ ]]></b:skin>
.comm-num {
color: white !important;
text-decoration: none !important;
background: url(http://lh4.ggpht.com/_BTztXRwC9ik/THY1uzAqJuI/AAAAAAAAC80/mU84TU8xDPY/vv.png) no-repeat; /* Ảnh nền của số thứ tự*/
width: 35px; /* Độ rộng của số thứ tự*/
height: 33px; /* Chiều cao của số thứ tự*/
float: right;
display: block;
margin-right: 0px;
margin-top: -12px;
text-align: center;
font-family: vardana;
font-size: 13px;
font-weight: normal;
}

4. Bạn tìm đến dòng code như bên dưới (CTRL F)
<b:loop values='data:post.comments' var='comment'>

Thêm vào trước code vừa tìm được dòng code màu đỏ như bên dưới
<script type='text/javascript'>var CommentsCounter= 0;</script>
<b:loop values='data:post.comments' var='comment'>

5. Tiếp theo bạn tìm đến dòng code hoặc tương tự bên dưới
<data:commentPostedByMsg/>

Thay dòng code vừa tìm được thành code bên dưới
<data:commentPostedByMsg/>
<span class='comm-num'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</span>

6. Cuối cùng save template lại là xong

Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top