Komentator Top Widget Dengan Avatar Untuk Blogger

Para komentator adalah bagian mendasar dari setiap blog, karena mereka adalah orang-orang yang memberikan kehidupan ke blog, membuka dan membalas diskusi yang mengarah ke aktivitas lebih banyak di posting. 

Oleh karena itu sangat penting untuk mengetahui yang merupakan pengguna paling aktif dari blog Anda, pengguna yang meninggalkan lebih banyak komentar, dan untuk alasan ini, hari ini saya menyajikan sebuah metode yang bagus untuk menampilkan daftar dengan top komentator. 

Gadget akan terlihat seperti ini: 

Ini komentator Top gadget dilengkapi dengan user avatar dan dilakukan dengan JavaScript. 

BAGAIMANA MENAMBAHKAN TOP KOMENTATOR GADGET KE BLOGGER

1. Untuk menambahkan gadget ini, Anda harus pergi ke Layout, klik Tambah link Gadget. 

2. Pilih gadget HTML / JavaScript dan copy / paste dalam kotak kosong kode berikut: 

<style type="text/css">
. Top-komentator {
margin: 3px 0;
border-bottom: 1px dotted # ccc;
}
. Avatar-top-komentator {
vertical-align: tengah;
border-radius: 30px;
}
. Top-komentator. Commenter-link-name {
padding-left: 0;
}
</ Style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;
var numDays = 0;
var excludeMe = true;
excludeUsers var = ["Anonymous", "someotherusertoexclude"];
var maxUserNameLength = 42;
/ /
var txtTopLine = '<b> [#] </ b> [image] [pengguna] ([count]).';
txtNoTopCommenters var = 'Tidak ada komentator top saat ini.';
var txtAnonymous ='';
/ /
var sizeAvatar = 33;
var cropAvatar = true;
/ /
var urlNoAvatar = + SizeAvatar;
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBZYzRiZcX-fQFqGkWfch1ISnBkoZosZ7rMpd-Oi-DFfuWxShz6J8toPiUli8eObes4-bslqF639rnUtU-RWjSdJMv8C_3D-IDFwBLrINC5W-els4dahp6PrJNmCv5eb2IDpHfzpaKJ-e/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 (ini [i] == obj) return i;
kembali -1;
}}
fungsi replaceTopCmtVars (teks, item, posisi)
{
jika | teks kembali (item | item.author!);
var title = 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 gambar && 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 ('[#]', posisi);
text = text.replace ('[count]', item.count);
kembali teks;
}

topcommenters var = {};
var ndxbase = 1;
showTopCommenters fungsi (json) {
var one_day = 1000 * 60 * 60 * 24;
var hari = new Date ();

if (urlMyProfile == "") {
elemen var = document.getElementsByTagName ("*");
var expr = / (^ |) profil-link (| $) /;
for (var i = 0; i <elements.length; i + +)
if (expr.test (elemen [i]. className)) {
urlMyProfile = elemen [i] href.;
istirahat;
}
}

if (json && json.feed && json.feed.entry && json.feed.entry.length) for (var i = 0; i <json.feed.entry.length; i + +) {
var masuk = 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 hari = Math.ceil ((today.getTime ()-cmtDate.getTime ()) / (one_day));
if (hari> 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)
melanjutkan;
var AuthorName = entry.author [0] nama $ t..;
if (excludeUsers.indexOf (AuthorName)! = -1)
melanjutkan;

.. var hash = entry.author [0] nama $ 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"
kembali;
}

/ / Konversi objek untuk array tupel
var tuplear = [];
for (var kunci dalam topcommenters) tuplear.push ([key, topcommenters [key]]);

tuplear.sort (function (a, b) {
if (b [1]. menghitung-a [1]. count)
. kembali b [1] menghitung-a [1] menghitung.;
return (a author.name. $ t.toLowerCase [1]. () <b [1] author.name.. $ t.toLowerCase ())? -1: 1;
});

var realcount = 0;
for (var i = 0; i <maxTopCommenters && i <tuplear.length; i + +) {
Item var = tuplear [i] [1];
if (item.count <minComments)
istirahat;
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"
</ Script>

3. Sekarang Anda hanya perlu menyimpan perubahan dan Anda selesai! 

Konfigurasi

- Untuk mengubah jumlah pengguna ditampilkan di gadget, mencari var maxTopCommenters = 8, dan mengubah 8 dengan nomor yang Anda inginkan. 
- Untuk mengubah ukuran avatar dari komentator, mencari var sizeAvatar = 33, dan mengganti nomor 33dengan jumlah piksel yang Anda inginkan.