An Trần Digital
No Result
View All Result
Thứ Bảy, Tháng Chín 30, 2023
  • Thủ thuật
    • All
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật iOS
    • Thủ thuật Phần Mềm
    • Thủ thuật Wordpress
    Tải Astra Pro Plugin Addon miễn phí

    Tải Astra Pro Plugin Addon miễn phí

    Cách tạo menu trong admin wordpress

    Cách tạo Menu trong Admin WordPress

    Cách tạo Copy to Clipboard cho website

    Cách tạo Copy to Clipboard cho website

    Cách tạo mã coupon trong wordpress không dùng plugin

    Cách Tạo Mã Coupon Trong WordPress Không Dùng Plugin

    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • All
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
    Tải Preset Camera Raw Vintage ngược nắng, cổ điển

    Tải Preset Camera Raw Vintage ngược nắng, cổ điển

    Download Cinematic Night Camera Raw Preset

    Download Cinematic Night Camera Raw Preset

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • All
    • Blogger/Blogspot
    • Wordpress
    Download Theme Porto Wordpress miễn phí

    Download Theme Porto WordPress miễn phí

    Tải theme Avada wordpress

    Tải theme Avada wordpress miễn phí

    Template blogspot bất động sản nhà đất miễn phí

    Share 5 template blogspot bất động sản nhà đất miễn phí

    Share template blogspot tin tức

    Share template blogspot tin tức Zing News

    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • All
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình - Web
    • Marketing - SEO
    Share khoá học Figma miễn phí

    Share khoá học Figma từ cơ bản đến thực chiến

    Khoá học tiếng Trung miễn phí

    Chia sẻ khoá học tiếng Trung dành cho người mới bắt đầu

    chia-sẻ-khoá-học-dựng-nhân-vật-hoạt-hình-3D-với-Blender-antrandigital

    Chia sẻ khoá học Dựng nhân vật hoạt hình 3D với Blender

    khoa-hoc-photoshop-thiet-ke-cho-giao-dien-website-antrandigital

    Hướng dẫn dùng Photoshop thiết kế cho giao diện website

    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI
Subscribe
An Trần Digital
  • Thủ thuật
    • All
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật iOS
    • Thủ thuật Phần Mềm
    • Thủ thuật Wordpress
    Tải Astra Pro Plugin Addon miễn phí

    Tải Astra Pro Plugin Addon miễn phí

    Cách tạo menu trong admin wordpress

    Cách tạo Menu trong Admin WordPress

    Cách tạo Copy to Clipboard cho website

    Cách tạo Copy to Clipboard cho website

    Cách tạo mã coupon trong wordpress không dùng plugin

    Cách Tạo Mã Coupon Trong WordPress Không Dùng Plugin

    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • All
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
    Tải Preset Camera Raw Vintage ngược nắng, cổ điển

    Tải Preset Camera Raw Vintage ngược nắng, cổ điển

    Download Cinematic Night Camera Raw Preset

    Download Cinematic Night Camera Raw Preset

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Chia sẻ bộ Preset Lightroom màu kỷ yếu đẹp cho học sinh

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    Share 16 bộ preset màu HongKong lightroom mobile đẹp

    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • All
    • Blogger/Blogspot
    • Wordpress
    Download Theme Porto Wordpress miễn phí

    Download Theme Porto WordPress miễn phí

    Tải theme Avada wordpress

    Tải theme Avada wordpress miễn phí

    Template blogspot bất động sản nhà đất miễn phí

    Share 5 template blogspot bất động sản nhà đất miễn phí

    Share template blogspot tin tức

    Share template blogspot tin tức Zing News

    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • All
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình - Web
    • Marketing - SEO
    Share khoá học Figma miễn phí

    Share khoá học Figma từ cơ bản đến thực chiến

    Khoá học tiếng Trung miễn phí

    Chia sẻ khoá học tiếng Trung dành cho người mới bắt đầu

    chia-sẻ-khoá-học-dựng-nhân-vật-hoạt-hình-3D-với-Blender-antrandigital

    Chia sẻ khoá học Dựng nhân vật hoạt hình 3D với Blender

    khoa-hoc-photoshop-thiet-ke-cho-giao-dien-website-antrandigital

    Hướng dẫn dùng Photoshop thiết kế cho giao diện website

    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI
No Result
View All Result
An Trần Digital
No Result
View All Result
Home Thủ thuật Thủ thuật Blogspot/Blogger

Tạo xếp hạng bình luận cho Blogger/Blogspot

by An Tran
in Thủ thuật Blogspot/Blogger
Reading Time: 4 mins read
A A
tạo-xếp-hạng-bình-luận-cho-blogger

Nội dung bài viết

  1. Giới thiệu
  2. Hướng dẫn

Giới thiệu

Tạo xếp hạng bình luận cho Blogger/Blogspot (Top Commentators Widget) là một widget xếp hạng theo thứ tự bình luận của từng user. Qua widget này thì các user có thể biết các bình luận của họ và được xếp hạng như thế nào.

Nên nay mình sẽ chia sẻ cách làm xếp hạng bình luận cho Blogger/Blogspot

Ngoài ra có thể tham khảo thêm:

  • Tạo khung bình luận nổi bật cho blogspot
  • Đổi màu thanh cuộn (scrollbar) bằng CSS3 cho blogspot

Hướng dẫn

  • Bước 1: Đăng nhập vào Blogger -> Bố cục -> Thêm tiện ích -> HTML/Javascript. Rồi thêm đoạn code sau
 <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", "someotherusertoexclude"]; 
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://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'http://1.bp.blogspot.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(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-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="https://'+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="https://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
  • Bước 2: Lưu lại & xem thành quả
Cách tuỳ biến: bạn có thể thay đổi số lượng xếp hạng và thay đổi kích thước avatar
  • maxTopCommenters = 8: thay số lượng bạn muốn hiển thị
  • sizeAvatar = 33: thay đổi kích thước avatar (đơn vị pixel)

CHÚC CÁC BẠN THÀNH CÔNG !!!

4/5 - (1 bình chọn)
Tags: tạo xếp hạng bình luậntạo xếp hạng bình luận blogspotxếp hạng bình luận blogger
Previous Post

Tải theme SEOCrawler WordPress Theme Free Download

Next Post

Cách viết content chuẩn SEO mới nhất 2023

An Tran

An Tran

Tôi là An Trần, thuộc thế hệ 9X. Hiện tại đang làm nhân viên cắt cỏ tại sân Old Trafford.

Related Posts

Cách tạo Copy to Clipboard cho website
Thủ thuật Wordpress

Cách tạo Copy to Clipboard cho website

21/08/2023
tao-nut-like-share-facebook-cho-blogspot-antrandigital
Thủ thuật Blogspot/Blogger

Tạo nút Like Share Facebook cho blogspot/blogger

02/04/2021
tao-sitemap-cho-blogger-blogspot-antrandigital
Thủ thuật Blogspot/Blogger

Hướng dẫn tạo Sitemap và Robots txt cho blogger/blogspot

16/09/2020
Next Post
cach-viet-content-chuan-seo-moi-nhat-2020-antrandigital

Cách viết content chuẩn SEO mới nhất 2023

Subscribe
Notify of
guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

guest

Hãy dùng tên của bạn khi comment, không sử dụng keyword trong ô Tên. Xin cảm ơn!

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

0 Comments
Inline Feedbacks
View all comments
  • Trending
  • Comments
  • Latest
Preset camera raw photoshop free

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

25/06/2020
chia-se-preset-lightroom-mobile-sieu-dep-cho-chinh-anh

1000+ Chia sẻ Preset Lightroom Mobile siêu đẹp free cho chỉnh ảnh

04/12/2020
share-preset-lightroom-tone-xam-son-tung-antrandigital

Share Preset Lightroom tone xám Sơn Tùng M-TP

17/02/2021
Template blogspot bán hàng miễn phí

Share 5 Template Blogspot bán hàng miễn phí mới nhất

12
Preset camera raw photoshop free

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

10
tao-hieu-ung-dep-cho-anh-bang-photoshop-grunge-action-antrandigital

Tạo hiệu ứng ảnh đẹp với Grunge Photoshop Action

7
Tải Astra Pro Plugin Addon miễn phí

Tải Astra Pro Plugin Addon miễn phí

07/09/2023
Cách tạo menu trong admin wordpress

Cách tạo Menu trong Admin WordPress

27/08/2023
Cách tạo Copy to Clipboard cho website

Cách tạo Copy to Clipboard cho website

21/08/2023


An Trần Digital là blog cá nhân chia sẻ preset lightroom, camera raw từ máy tính đến mobile, template blogspot, theme wordpress và các khoá học khác hoàn toàn miễn phí.

DMCA.com Protection Status

Comments gần đây

  • An Tran
    Quản lý
    trong Chia sẻ khoá học Python miễn phí chất lượng từ zero đến hero
  • Ben trong Chia sẻ khoá học Python miễn phí chất lượng từ zero đến hero
  • An Tran
    Quản lý
    trong Share 5 template blogspot bất động sản nhà đất miễn phí

Xem nhiều nhất ngày

[Plugin Photoshop] Tải Delicious Retouch 5 V6.5 việt hoá cho Windows

2000+ Preset Camera Raw chỉnh màu ảnh đẹp nhất

Về An Trần Digital

Giới thiệu về tôi

Bảo mật

Hợp tác

Bản quyền

Liên hệ

Donate

© 2023 An Trần Digital - Powered by An Trần.

No Result
View All Result
  • Thủ thuật
    • Thủ thuật Blogspot/Blogger
    • Thủ thuật Phần Mềm
    • Thủ thuật iOS
    • Thủ thuật WordPress
  • Đồ hoạ
    • Action Photoshop
    • Preset Camera Raw
    • Preset Lightroom Mobile
    • Preset Lightroom PC
  • Themes
    • Blogger/Blogspot
    • WordPress
  • Khoá học miễn phí
    • Adobe
    • Kỹ Năng Đời Sống
    • Lập Trình – Web
    • Marketing – SEO
  • Source Code
  • Mã giảm giá SHOPEE, TIKI

© 2023 An Trần Digital - Powered by An Trần.

wpDiscuz

Đồng ý sử dụng cookie

Những cookie này giúp trang web ghi nhớ thông tin về lần truy cập của bạn. Nhờ đó, bạn có thể truy cập trang web này dễ dàng hơn vào lần tới và trang web cũng trở nên hữu ích hơn cho bạn. Tìm hiểu thêm