Hot!

Thủ thuật đánh số thứ tự Comment cho Blogger

Wednesday, 28 April 2010
Đã hiểu hơn về thủ thuật tùy biến comment qua các bài viết đánh dấu comment của author, đánh số cho cho comment, hiển thị “bubble” số comment ngay tiêu đề bài viết … lần này  giới thiệu tiếp với bạn thủ thuật để đánh số và tùy biến số thứ tự của comment đã có.
- VnBlognet [dot] com: Như bài thủ thuật về đánh số đã giới thiệu nhưng thủ thuật mới này giúp bạn tùy biến và chỉnh sửa code CSS một cách pro hơn để số thứ tự gán cho các comment nhìn chuyên nghiệp và đẹp mắt hơn.
Numbering Comments In Blogger
Cách thức thực hiện như sau:

1Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard)  >> Bố cục (Layout)   >>  Chỉnh sửa HTML (Edit HTML)  >>  click vào ô check  Mở rộng mẫu tiện ích (Expand Widget Templates)

2Thêm code CSS vào Template:
- Tìm (Ctrl-F) và thay thế đoạn mã </head> bằng đoạn mã dưới:

<!--COMM-NUM-STARTS-->
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
<!--COMM-NUM-STOPS-->
</head>
Trong đó:
  • Đoạn code màu đỏ là đoạn hiển thị hình ảnh
  • Đoạn code màu xanh hiển thị màu sắc của số đếm.


3Chèn code HTL vào Template:
- Tìm (CTRL+F) và thay thế đoạn code :
<b:loop values='data:post.comments' var='comment'>
bằng đoạn code sau:
<script type='text/javascript'>var CommentsCounter=0;</script<b:loop values='data:post.comments' var='comment'>
- Tìm tiếp đoạn code:
<data:commentPostedByMsg/>
và thay thế chúng bằng đoạn mã:
<data:commentPostedByMsg/>
<!--COMM-NUM-STARTS-->
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--COMMNUM-STOPS -->
- Lưu mẫu lại .
4Tùy biến hình ảnh nền hiển thị số comment:
- Trong bước 2 bạn đã chèn code CSS vào mẫu, trong bước này bạn có thể tùy biến hình ảnh nền (background) hiển thị số thứ tự comment bằng cách thay địa chỉ URL của hình ảnh.
- Bạn có thể lựa chọn một trong số các hình ảnh dưới bằng cách click chuột phải và chọn Copy image URL để lấy địa chỉ của hình ảnh






Nguồn: Blogger Stop
HitCHÚC CÁC BẠN THÀNH CÔNG !!!
Tags: , ,

Ý kiến bạn đọc [ 13 ]


dunghangViet 28 April 2010 11:00

Bác ơi, có thủ thuật nào để đếm lượt xem một bài viết trên blogger ko. Thủ thuật này cũng khá hay đó!

chinhnd 28 April 2010 11:03

Có mà Marad, em không để ý đó thôi, anh mới post thôi mà, cái mà anh đang sử dụng đấy. Em xem tại http://www.vnblognet.com/2010/04/page-views-post-views-counter-cho.html

Tùng Lâm 28 April 2010 12:48

Cho mình hỏi cái này tí: Trước khi mình tạo sub-domain thì khi vào trang web (domain chính) ko cần www nó sẽ tự động direct qua trang www (mình add IP theo cách làm mà Google hướng dẫn). Tuy nhiên sau khi mình tạo thêm sub-domain thì vào trang web chính mà thiếu www thì nó báo lỗi. Help dùm mình với.

vnblognet [dot] com 28 April 2010 14:14

Mình cũng bị y chang, trang chủ nhất thiết phải cod đủ www. Chưa sửa được lỗi này.

Tùng Lâm 28 April 2010 17:37

FF thì vô được còn IE thì... ko được. Chưa biết thế nào đây.

Admin 5 July 2010 18:35

K hiểu sao mình đã thay thế như hướng dẫn mà không được nó báo lỗi js là js cần kết thúc bởi '> và mình sửa thì nó lại báo lỗi là "--" k sử dụng .... lỗi này lỗi nọ linh tinh cả lên . Mong giúp đỡ nghen .

JK 9 August 2010 00:15

Admin edit lại cho những người khác cùng xem ^^

1/ Phần đóng Script bị lỗi.
2/ phái sau phải là 2 dấu -- mới đúng :D

JK 9 August 2010 00:19

Cái cm của thằng blogger này khó chịu quá, gõ code mà nó ra gì đâu ko.
Bổ sung cái cm trên:

2/ COMMNUM-STOPS—>

vnblognet [dot] com 9 August 2010 08:47

ok, cám ơn JK mình sẽ sửa.

hoamaivang 31 August 2010 19:55

nó bảo vậy là sao nhể , em ko rành css nên cũng ko hiểu
Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
Thông báo lỗi XML: The end-tag for element type "script" must end with a '>' delimiter.

Nguyen Hoang Thien 21 October 2010 19:40
This comment has been removed by the author.
(¯`·.º-:¦:-£ëë-:¦:-º.·´¯) 12 December 2010 18:15

thêm cái > vào cái song script đi bạn thấy thiéu 1 cái > này ko

vihienhoa 11 September 2011 18:24

trao dổi liên kết nhé bạn, mình đã đặt liên kết của bạn lên blog rồi

Ý kiến của bạn