Cara Membuat Top Commentator Blog

Satu lagi cara untuk meningkatkan trafik pengunjung yaitu dengan memasang top komentator widget di blog anda. Dengan membuat top komentator widget anda telah memberikan bonus kepada pengunjung blog anda dengan cara memberikan backlink gratis yang akan mendorong pengunjung anda semakin betah untuk mengunjungi blog anda. Top komentator akan menampilkan daftar nama atau link yang mengarah ke blog / website pengunjung. Hal ini akan memotivasi pengunjung untuk balik dan balik lagi ke blog anda.

Top Komentator Bentuk List

1. Login ke blog anda.
2. Klik Design > Page Elements.
3. Klik Add A Gadget.
4. Pilih HTML/Javascript .
5. Copy-Paste kode di bawah ke kotak postingan.
6. Ketik judul widget seperti Top Commentators.
7. Klik Save dan lihat hasilnya.

<!-- Top commentators widget v1 Start --> <div id="topComm" align="left"></div> <style type="text/css"> #topComm{ width:100%; border: 1px solid #ccc; border-radius:3px; padding:5px; box-sizing:border-box; background: rgb(177,216,245); /* Old browsers */ background: -moz-linear-gradient(top, rgba(177,216,245,1) 0%, rgba(190,228,248,1) 25%, rgba(200,238,251,1) 46%, rgba(230,248,253,1) 70%, rgba(253,255,255,1) 88%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(177,216,245,1) 0%,rgba(190,228,248,1) 25%,rgba(200,238,251,1) 46%,rgba(230,248,253,1) 70%,rgba(253,255,255,1) 88%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(177,216,245,1) 0%,rgba(190,228,248,1) 25%,rgba(200,238,251,1) 46%,rgba(230,248,253,1) 70%,rgba(253,255,255,1) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d8f5', endColorstr='#fdffff',GradientType=0 ); } .top-commentators { margin: 3px 0; } .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", "Monoz Core", "MonozCore"]; 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 = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoCHcXS3n8p5ms83D1neURQRt3pbMlB-dctOiai9a6zXdW2K4f6AvX_HDzKF12aX6XvGgdfYSC9RJxjGOpAdq3I8vC7uCmIv6Irdn_H8blyzjYHX8_2YzUd9epNW6M59dAoXQdMvENWsZa/s1600/avatar_blue_m_96.png" + sizeAvatar; var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq9WbmhIHIQfEA-l-3vuLXm3moXz3cgX2WWToLEIGhepHF6nF-BcqvGykR3pqeCdsJPB6QdOxeJyGDQ8Hy3eBaUEwkKQOyf7pUaMi7gc3bEM_byu-jZdfaQ1D9_l7ahZgCsnK4iS6Q9cnO/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="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; tmpTopComm = '<div class="top-commentators">'; for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) { var item = tuplear[i][1]; if(item.count < minComments) break; tmpTopComm += replaceTopCmtVars(txtTopLine, item, realcount+1); tmpTopComm += '<br />'; realcount++; } if(!realcount){tmpTopComm += txtNoTopCommenters;} tmpTopComm += '</div>'; $('#topComm').html(tmpTopComm); } 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> <!-- Top commentators widget End -->

Kustomisasi Kode

1. Nama Lain 1 dan Nama Lain 2 – dapat digunakan pengecualian komentator nama anda hingga dua nama. Nama Anonymous sudah termasuk dalam pengecualian komentator. Ketikan nama pengecualian anda sesuai dengan huruf yang digunakan karena huruf besar dan kecil berpengaruh dalam pengecualian.
2. maxTopCommenters = 8; – jumlah nama yang ditampilkan secara default adalah 10 nama.

.:Selamat Mencoba:.