Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Blogspot

Tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Trần Bá Đạt bởi Trần Bá Đạt
15/12/2017
trong Blogspot, Thủ thuật Blogspot
0
CHIA SẺ
307
LƯỢT XEM
Chia sẻTweetPinChia sẻ

Widget xếp hạng bình luận (Hay top commentators) sẽ xếp hạng các blogger bình luận nhiều nhất trên blog của bạn, cung cấp cho bạn chi tiết số bình luận của blogger đó trên website bạn trong khoảng thời gian nhất định.

Lợi ích gì từ bình luận và widget xếp hạng bình luận?

Bình luận là một phần của Blogspot, việc bình luận nhiều giúp cho nội dung bài viết được tươi mới trong mắt bots và tạo ra sự trao đổi, tương tác giữa những người dùng trong blog. Trang blog có càng nhiều bình luận thì càng tốt, tương tác càng nhiều, càng chất lượng, sẽ giúp chúng ta hỗ trợ cho việc SEO Blogspot dễ dàng hơn.

  • Xem thêm: Thêm xác nhận admin trong bình luận

Widget xếp hạng bình luận ngoài việc cho mọi người biết những ai tương tác nhiều trên blog này, thì nó còn giúp níu giữ độc giả. Bạn có cảm thấy hãnh diện khi thấy mình nằm trong danh sách này ở một blog lớn không? Và vô hình chung, việc xếp hạng bình luận này có thể tạo sư ganh đua giữa những độc giả bằng cách comment trao đổi để thay đổi xếp hạng của mình ^_^

Đây là ảnh ví dụ nếu sử dụng widget top commentators này cho Blogspot của mình:

widget xếp hạng bình luận (Top commentators)

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Với widget này, số bình luận sẽ nằm bên phải tên người bình luận nhé.
– Truy cập vào trang quản trị Blogger:

– Vào Bố cục (Layout), chọn vị trí muốn hiển thị widget xếp hạng bình luận, và thêm tiện ích (Add widget):

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

–  Chọn HTML/JavaScript, và thêm đoạn code sau vào bên trong nó:

<style type=”text/css”>
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type=”text/javascript”>
var maxTopCommenters = 8;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
var excludeUsers = [“Anonymous”, “_CTPG_ 2015”, “Trần Bá Đạt _CTPG_”];
var maxUserNameLength = 42;
//
var txtTopLine = ‘<b>[#].</b> [image] [user] ([count])’;
var txtNoTopCommenters = ‘No top commentators at this time.’;
var txtAnonymous = ”;
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = “http://lh3.ggpht.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png” + sizeAvatar;
var urlAnoAvatar = ‘http://lh3.ggpht.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png’ + sizeAvatar;
var urlMyProfile = ”;
var urlMyAvatar = ”;
if(!Array.indexOf) {
Array.prototype.indexOf=function(obj) {
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
return -1;
}}
function replaceTopCmtVars(text, item, position)
{
if(!item || !item.author) return text;
var author = item.author;
var authorUri = “”;
if(author.uri && author.uri.$t != “”)
authorUri = author.uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = “http://www.blogger.com/profile/”;
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = author.gd$image.src;
else {
var parseurl = document.createElement(‘a’);
if(authorUri != “”) {
parseurl.href = authorUri;
avaimg = ‘http://www.google.com/s2/favicons?domain=’ + parseurl.hostname;
}
}
if(urlMyProfile != “” && authorUri == urlMyProfile && urlMyAvatar != “”)
avaimg = urlMyAvatar;
if(avaimg == “http://img2.blogblog.com/img/b16-rounded.gif” && urlNoAvatar != “”)
avaimg = urlNoAvatar;
var newsize=”s”+sizeAvatar;
avaimg = avaimg.replace(//sdd+-c//, “/”+newsize+”-c/”);
if(cropAvatar) newsize+=”-c”;
avaimg = avaimg.replace(//sdd+(-c){0,1}//, “/”+newsize+”/”);
var authorName = author.name.$t;
if(authorName == ‘Anonymous’ && txtAnonymous != ” && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = ‘<img class=”avatar-top-commentators” height=”‘+sizeAvatar+'” width=”‘+sizeAvatar+'” title=”‘+authorName+'” src=”‘+avaimg+'” />’;
if(authorUri!=””) imgcode = ‘<a href=”‘+authorUri+'”>’+imgcode+'</a>’;
if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
authorName = authorName.substr(0, maxUserNameLength-3) + “…”;
var authorcode = authorName;
if(authorUri!=””) authorcode = ‘<a class=”commenter-link-name” href=”‘+authorUri+'”>’+authorcode+'</a>’;
text = text.replace(‘[user]’, authorcode);
text = text.replace(‘[image]’, imgcode);
text = text.replace(‘[#]’, position);
text = text.replace(‘[count]’, item.count);
return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
var one_day=1000*60*60*24;
var today = new Date();
if(urlMyProfile == “”) {
var elements = document.getElementsByTagName(“*”);
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}
if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
if(numDays > 0) {
var datePart = entry.published.$t.match(/d+/g);
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
if(days > numDays) break;
}
var authorUri = “”;
if(entry.author[0].uri && entry.author[0].uri.$t != “”)
authorUri = entry.author[0].uri.$t;
if(excludeMe && authorUri != “” && authorUri == urlMyProfile)
continue;
var authorName = entry.author[0].name.$t;
if(excludeUsers.indexOf(authorName) != -1)
continue;
var hash=entry.author[0].name.$t + “-” + authorUri;
if(topcommenters[hash])
topcommenters[hash].count++;
else {
var commenter = new Object();
commenter.author = entry.author[0];
commenter.count = 1;
topcommenters[hash] = commenter;
}
}
if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
ndxbase += 200;
document.write(‘<script type=”text/javascript” src=”http://’+window.location.hostname+’/feeds/comments/default?redirect=false&max-results=200&start-index=’+ndxbase+’&alt=json-in-script&callback=showTopCommenters”></’+’script>’);
return;
}
// convert object to array of tuples
var tuplear = [];
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
tuplear.sort(function(a, b) {
if(b[1].count-a[1].count)
return b[1].count-a[1].count;
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
});
var realcount = 0;
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
var item = tuplear[i][1];
if(item.count < minComments)
break;
document.write(‘<di’+’v class=”top-commentators”>’);
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
document.write(‘</d’+’iv>’);
realcount++;
}
if(!realcount)
document.write(txtNoTopCommenters);
}
document.write(‘<script type=”text/javascript” src=”http://’+window.location.hostname+’/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters”></’+’script>’);
</script>

Trong đó:

  • Số 0 ở numDays đó là số ngày lấy xếp hạng bình luận. Nếu để số 0 tức sẽ lấy toàn thời gian. Còn để số khác ví dụ như 30, thì xếp hạng bình luận sẽ lấy trong 30 ngày gần nhất.
  • Chữ màu xanh, các bạn thay tên G+ của các bạn vào nếu không muốn nó xếp hạng mình vào đó.
  • Số 8 màu đỏ, nằm trong var maxTopCommenters = 8, tức là chỉ hiển thị tối đa top 8 người bình luận nhiều nhất, muốn chuyển thành top 10 thì cứ đổi số 8 thành 10 thôi.
  • var sizeAvatar = 33, số 33 tức avatar có kích thước là 33×33 px, muốn to hay nhỏ hơn thì cứ thay đổi số 33.

– Lưu lại, và hoàn thành!

  • Xem thêm: Tạo widget bình luận mới nhất cho Blogspot

Sau khi lưu lại bạn sẽ thấy xếp hạng bình luận cho Blogspot của mình. Khá đẹp và bắt mắt đấy nhé ^_^ Chúc bạn có blog đẹp!

2.5/5 - (2 bình chọn)
Chia sẻTweetPinChia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận 1

  1. Quốc Anh Đỗ says:
    10 năm trước

    Quá đẹp
    Đã làm cho blog mình http://xn--kimtinblogpost-r28g9a.blogspot.com/
    Cảm ơn nhiều

    Trả lời

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    62 chia sẻ
    Chia sẻ 60 Tweet 0
  • Template MagNews bản quyền – Chia sẻ hoàn toàn miễn phí

    14 chia sẻ
    Chia sẻ 11 Tweet 0
  • Tổng hợp 1069 icon Facebook – biểu tượng cảm xúc FB 2020

    104 chia sẻ
    Chia sẻ 103 Tweet 0
  • Template Blogspot – TubeMag Video – Responsive

    0 chia sẻ
    Chia sẻ 0 Tweet 0
  • Template miễn phí – Smartify Gallery – Responsive

    0 chia sẻ
    Chia sẻ 0 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.