Reload Page ❖ Widget Member / Komentator Aktifweb created
Css
Jquery
Html
Result
Show Result

Edit in JSFiddle

xxxxxxxxxx
 
​

https:////example.com/style.css X

​x
 
1
.cm-person {
2
  margin:1px;
3
  position:relative;
4
  float:left;
5
  width:80px;
6
  height:100px;
7
  font:10px/10px Lora,Verdana,Arial,Sans-Serif;
8
  text-align:center;
9
  line-height:10px;
10
  padding:10px;
11
  border:1px solid #ccc;
12
  color:#000;
13
  background-color:#fff;
14
  box-shadow:inset 0 0 1px black;
15
}
16
​
17
.cm-person a.profile-name-link {
18
  display:block;
19
  width:80px;
20
  height:80px;
21
  position:absolute;
22
  top:10px;
23
  left:10px;
24
  background-color:#999;
25
  color:white;
26
  text-decoration:none;
27
  font:bold 30px/80px Ubuntu,Tahoma,Verdana,Arial,Sans-Serif;
28
  margin:0 0;
29
  padding:0 0;
30
  display:none;
31
}
32
​
33
.cm-person a.profile-name-link.item1 {
34
  background-color:#BC0000;
35
}
36
​
37
.cm-person a.profile-name-link.item2 {
38
  background-color:#1A00CE;
39
}
40
​
41
.cm-person a.profile-name-link.item3 {
42
  background-color:#39A003;
43
}
44
​
45
.cm-person a.profile-name-link.item4 {
46
  background-color:#8B039D;
47
}
48
​
49
.cm-person a.profile-name-link.item5 {
50
  background-color:#F0C100;
51
}
52
​
53
.cm-person a.profile-name-link.item6 {
54
  background-color:#00D1CB;
55
}
56
​
57
.cm-person a.profile-name-link.item7 {
58
  background-color:#FFEA03;
59
}
60
​
61
.post .post-body .cm-person img {
62
  background-color:#666;
63
  display:block;
64
  width:80px;
65
  height:80px;
66
  padding:0 0;
67
  margin:0 0 10px;
68
  border:none;
69
}
70
​
71
.cm-person:hover {
72
  color:#FFF;
73
  background-color:#111;
74
}
75
​
76
.cm-person:hover a.profile-name-link {
77
  display:block;
78
}
https:////code.jquery.com/jquery-latest.js
xxxxxxxxxx
 
​

https:////example.com/script.js X

3
 
1
$("img[src='https:////img1.blogblog.com/img/blank.gif']")
2
.attr('src', 'data:image/png;base64,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')
3
.ssyby('blank')
120
 
1
<script type="text/javascript">
2
    //<![CDATA[
3
    var homepage = 'https:////idtutorplus.blogspot.com', // Ganti nilainya menjadi URL blog anda
4
        maxTopCommenters = 77,
5
        minComments = 1,
6
        numDays = 0,
7
        excludeMe = true,
8
        excludeUsers = ["Anonymous", "ITP", "Id Tutor Plus"], // Nama-nama yang tidak ditampilkan
9
        maxUserNameLength = 42,
10
        txtTopLine = '[image] [user]',
11
        txtNoTopCommenters = 'No top commentators at this time.',
12
        txtAnonymous = '',
13
        sizeAvatar = 80,
14
        cropAvatar = true,
15
        urlNoAvatar = 'https://https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPYn4jFi1ExCaDnebnpmjy60pRseO8xMCUJjIbVDFXv5fcgqTiI7pH6mN0N3hnolreaG0qYFgOALQrXppP4FFvpzYCEDFI8AaXhXx_pmGuqegVPSXIjjNk6ybprxhw5SEw695EXNf1Gq8/' + sizeAvatar + '/avatar_blue_m_96.png',
16
        urlAnoAvatar = 'https:////www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
17
        urlMyProfile = '',
18
        urlMyAvatar = '';
19
    if (!Array.indexOf) {
20
        Array.prototype.indexOf = function(obj) {
21
            for (var i = 0; i < this.length; i++)
22
                if (this[i] == obj) return i;
23
            return -1
24
        }
25
    }
26
​
27
    function replaceTopCmtVars(text, item, position) {
28
        if (!item || !item.author) return text;
29
        var author = item.author;
30
        var authorUri = "";
31
        if (author.uri && author.uri.$t != "") authorUri = author.uri.$t;
32
        var avaimg = urlAnoAvatar;
33
        var bloggerprofile = "https:////www.blogger.com/profile/";
34
        if (author.gd$image && author.gd$image.src && authorUri.substr(0, bloggerprofile.length) == bloggerprofile) {
35
            avaimg = author.gd$image.src
36
        } else {
37
            var parseurl = document.createElement('a');
38
            if (authorUri != "") {
39
                parseurl.href = authorUri;
40
                avaimg = 'https:////www.google.com/s2/favicons?domain=' + parseurl.hostname
41
            }
42
        }
43
        if (urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar;
44
        if (avaimg == "https:////img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar;
45
        var newsize = "s" + sizeAvatar;
46
        avaimg = avaimg.replace(/\/s\d\d+-c\//, "/" + newsize + "-c/");
47
        if (cropAvatar) newsize += "-c";
48
        avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/" + newsize + "/");
49
        var authorName = author.name.$t;
50
        if (authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous;
51
        var imgcode = '<div class="cm-person"><img class="top-commenter-avatar" height="' + sizeAvatar + '" width="' + sizeAvatar + '" src="' + avaimg + '" />';
52
        if (authorUri != "") imgcode = '<a href="' + authorUri + '">' + imgcode + '</a>';
53
        if (maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength - 3) + "...";
54
        var authorcode = authorName;
55
        if (authorUri != "") authorcode = '<a class="profile-name-link item' + position + '" href="' + authorUri + '" title="' + position + '. ' + authorName + '">' + item.count + '</a>' + authorName.substring(0, 14) + '</div>';
56
        text = text.replace('[user]', authorcode);
57
        text = text.replace('[image]', imgcode);
58
        text = text.replace('[count]', item.count);
59
        return text
60
    }
61
    var topcommenters = {};
62
    var ndxbase = 1;
63
​
64
    function showTopCommenters(json) {
65
        var one_day = 1000 * 60 * 60 * 24;
66
        var today = new Date();
67
        if (urlMyProfile == "") {
68
            var elements = document.getElementsByTagName("*");
69
            var expr = /(^| )profile-link( |$)/;
70
            for (var i = 0; i < elements.length; i++)
71
                if (expr.test(elements[i].className)) {
72
                    urlMyProfile = elements[i].href;
73
                    break
74
                }
75
        }
76
        for (var i = 0; i < json.feed.entry.length; i++) {
77
            var entry = json.feed.entry[i];
78
            if (numDays > 0) {
79
                var datePart = entry.published.$t.match(/\d+/g);
80
                var cmtDate = new Date(datePart[0], datePart[1] - 1, datePart[2], datePart[3], datePart[4], datePart[5]);
81
                var days = Math.ceil((today.getTime() - cmtDate.getTime()) / (one_day));
82
                if (days > numDays) break
83
            }
84
            var authorUri = "";
85
            if (entry.author[0].uri && entry.author[0].uri.$t != "") authorUri = entry.author[0].uri.$t;
86
            if (excludeMe && authorUri != "" && authorUri == urlMyProfile) continue;
87
            var authorName = entry.author[0].name.$t;
88
            if (excludeUsers.indexOf(authorName) != -1) continue;
89
            var hash = entry.author[0].name.$t + "-" + authorUri;
90
            if (topcommenters[hash]) topcommenters[hash].count++;
91
            else {
92
                var commenter = new Object();
93
                commenter.author = entry.author[0];
94
                commenter.count = 1;
95
                topcommenters[hash] = commenter
96
            }
97
        }
98
        if (json.feed.entry.length > 200) {
99
            ndxbase += 200;
100
            document.write('<script type="text/javascript" src="' + homepage + '/feeds/comments/default?redirect=false&max-results=200&start-index=' + ndxbase + '&alt=json-in-script&callback=showTopCommenters"></' + 'script>');
101
            return
102
        }
103
        var tuplear = [];
104
        for (var key in topcommenters) tuplear.push([key, topcommenters[key]]);
105
        tuplear.sort(function(a, b) {
106
            if (b[1].count - a[1].count) return b[1].count - a[1].count;
107
            return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1
108
        });
109
        var realcount = 0;
110
        for (var i = 0; i < maxTopCommenters && i < tuplear.length; i++) {
111
            var item = tuplear[i][1];
112
            if (item.count < minComments) break;
113
            document.write(replaceTopCmtVars(txtTopLine, item, realcount + 1));
114
            realcount++
115
        }
116
        if (!realcount) document.write(txtNoTopCommenters)
117
    }
118
    document.write('<script type="text/javascript" src="' + homepage + '/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></' + 'script>');
119
    //]]>
120
</script>

Catatan:
Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan tautan dengan aman, gunakan kode <i rel="anchor">https://nama_situs.com</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan kode <i rel="image">URL GAMBAR</i>
Untuk menyisipkan kuota, gunakan tag <b rel="quote">KATA-KATA ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA DI SINI...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA DI SINI...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Catatan:
Jika anda ingin memasukkan kode kedalam komentar, anda bisa menggunakan alat konversi yang sudah di sediakan di bawah untuk mengkonvert kode yang ingin anda masukkan dengan cara mengklick tombolKonversi Kode!

:):(^_^:D;):-bd:yaya::'(:\:pB):Q:Ozz7:(\o/**p&amp;lt;30:):-a7:O*fck*x@X@~x(=p* Klick untuk melihat kode!

Konversi Kode! (Jendela Munculan)idtutorplus.blogspot.com

Cancel

Terima kasih telah berkomentar