Loading post navigation ...
 
 

Pro page

21
Nhận xét

Tiện ích Top Commentators cho blogspot

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Tiện ích Top Commentators cho phép hiển thị những đọc giả có lượng comment nhiều nhất. Hiện tại có 1 số blog đã có tiện ích này nhưng họ đã mã hóa code và không chia sẻ, đối với 1 số bạn không rành về javacript sẽ không đọc được các đoạn mã này. Hôm nay nhân tiện có người hỏi về thủ thuật này nên mình cũng xin chia sẻ để mọi người dùng.


Một vài thông tin của tiện ích :
- Không đếm comment của khách nặc danh.
- Chỉ thống kê được tối đa trong 200 comment mới nhất.
- Hiện thị ảnh đại diện (tất cả các author ngoại trừ nặc danh).
- Hiện thị số comment của từng người.

Xem DEMO

Hình ảnh minh họa

Để thực hiện các bạn chỉ việc tạo 1 widget HTML/javascript ở nơi muốn hiển thị rồi dán đoạn code bên dưới vào là được:
<style type="text/css">
.top-author ul li {
list-style:none;
width:250px;
height:45px!important;
border-bottom:1px solid #ccc;
margin-top:5px;
display:block!important;
}
.tau-cont {margin-left:38px;}
.tau-cont h4 {margin:0;padding:0;}
.tau-cont span {color:#555;}
img.tau-thumb {
float: left;
margin-right: 10px;
border: 1px solid #CCC;
padding: 0;
width: 36px;
height: 36px;
}
</style>

<script type="text/javascript">
var no_photo='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ctgmdxMidhqaJ0DSkvxfdb6kiSB623N5jHpmdA4WaF93S176K4GxEmQTsCacHvp1z7XO6JyLmbY-3iCOeDXpqLaLv1qjoEhAMtw4XaMFMZibaXIvv7OLVj-mE1EPsebRtTVDbR3FS3hq/s50/blogger-nophoto.png';
var another_au='http://lh3.googleusercontent.com/-OHvAL1zTgZM/TtInH36F1jI/AAAAAAAACB8/Jhnxo7yCjlc/s23/another-ico.png';
var au_nums=5;
var rcm_nums=100;
var homepage="http://www.fandung.com";
</script>
<div class="top-author">
<script type="text/javascript" src="http://fandung.googlecode.com/svn/trunk/js/top-author.js"></script>
</div>
Một vài lưu ý :
- var no_photo : avatar của tài khoản blogger chưa có ảnh đại diện.
- var another_au : avatar của tài khoản khác blogger.
- var au_nums=5; số tác giả được hiển thị
- var rcm_nums=100; số comment sẽ được khoanh vùng để thống kê (phải nhỏ hơn hoặc bẳng 200)
- var homepage="http://www.fandung.com"; thay http://www.fandung.com bằng tên miền của blog bạn.

Chúc các bạn thành công.

Thực hiện theo yêu cầu của Trần Việt Đức


Enter your mail address:

21

Pig

tiện ích này rất gọn nhẹ và đẹp, em cũng sẽ áp dụng xem

Dr.House

hì cảm ơn anh Dũng đã share thủ thuật này. Đơn giản dễ làm là điều em và các blogger khác luôn mong muốn ở các thủ thuật :X

Bao An Angel

Thanks FD nhé.... thích nhất sự phóng khoáng của FD... share không cần suy nghĩ... không cần lợi nhuận... :D
Tiện thể làm luôn cái comment phân cấp như của vnblogspot rồi share luôn nha FD... ;))

Nguyên Luật

Thích anh Dũng nhất là share tất cả những gì người xem cần. Ủng hộ

Nguyên Luật

Hehe. Tên mình cũng có nữa kìa

Unknown

Cảm ơn anh Dũng nhiều. Quá chuẩn.

Unknown

sao blog cuả mình hok hiện nhỉ.
- var homepage="http://www.fandung.com"; thay http://www.fandung.com bằng tên miền của blog bạn.
thay bằng tên miền của mình thì hok hiện gì.của fandung vẫn hiện bình thường.hix...

Phan Dũng

@Cado188BET: tên miền của blog bạn là gì, đưa mình để mình kiểm tra thử.
Àh, nhân tiện nhắc bạn luôn trang http://www.cado188bet.com/ của bạn vào bằng chrome nó báo là đã phát hiện Malware, bạn lo fix ngay lại đi, không là google nó xóa blog của bạn đó.

Unknown

@Phan Dũng: Blog của mình : http://www.cado188bet.com
hok rõ fix thía nào nữa, mình kiểm tra thấy blog mình hok sao, cái www.188promo.com bị nên blog của mình cũng bị. mà sao trong code site mình hok có gì đên 188promo.com cũng bị.hix.

Unknown

Cái tem bay68 có bằng tem dj.phacach.biz ?

Pig

anh Dũng check cho em với, em cũng ko hiện wg, đúng là do domain chứ ko phải js

Phan Dũng

ah, biết tại sao rồi, để mình test lại

Phan Dũng

đó là 1 chút lỗi do comment của khác ẩn danh, tại mình test trên blog của mình nên ko để ý lỗi này, đã fix rồi, mọi người thử đi nhé

Pig

chuẩn luôn anh ạ, cám ơn a Dũng

ChoiBlogs.blogspot.com

thanks post!

Nobita

Tiếc là Blog của mình có comments :p

Tomorrow

Thanks. Em sẽ áp dụng ngay :D

Tomorrow

Em nghĩ bác Dũng nên bỏ Admin trong list này đi sẽ hay hơn

Khách (ẩn danh)

Bác cho em hỏi làm sao để không cho hiện tên của mình-tác giả đó ạ

Unknown

Hướng dẫn mình cách đưa thanh search vào thanh "menu-primary-container" với,cảm ơn.

Unknown

Em dùng team này anh xem có gì không hay góp ý em với nhé http://tuhocsuachuamaytinhvamayin.blogspot.com/



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home