Pada postingan sebelumnya saya sudah pernah share tentang memasang widget top komentator biasa dan yang satu lagi juga sama yaitu memasang widget top komentator model cloud. Nah untuk postingan kali ini juga akan share tentang cara membuat top komentator dengan avatar / foto, jadi semuanya ada 3 buah widget top komentator. Seperti yang saya jelaskan pada postingan terdahulu dan sesuai dengan judulnya, top komentator yang dipasang di blog akan memberi support kepada pengunjung blog untuk mengisi dan berlomba meletakkan komentarnya di form komentar blog sebanyak mungkin. Dan admin blog akan menilai dan memberikan suatu penghargaan kepada siapa pengunjung yang memberikan komentarnya yang paling banyak. Dan juga pengunjung akan merasa senang apabila namanya tercantum di blog anda.
Berikut membuat / memasang top komentator dengan avatar / foto di blog :
1. Login ke Blogger 2. Pilih Tata Letak => Tambah Gadget 3. Pilih HTML/JavaScript 4. Copy kode dibawah ini dan paste ke dalamnya
<style type="text/css"> .top-commenter-line {margin: 3px 0;} .top-commenter-line .profile-name-link {padding-left:0;} .top-commenter-avatar {vertical-align:middle;} </style><br /> <script type="text/javascript"> // // Top Commentators gadget with avatars, by MS-potilas 2012. // Gets a list of top commentators from all comments, or specified number of days in the past. // See http://cirikhusus.blogspot.com/2012/08/membuat-top-komentator-dengan-avatar.html // // CONFIG: var maxTopCommenters = 20; // how big a list of top commentators var minComments = 1; // how many comments must top commentator have at least var numDays = 30; // from how many days (ex. 30), or 0 from "all the time" var excludeMe = true; // true: exclude my own comments var excludeUsers = ["Rudy Hartono", "someotherusertoexclude"]; // exclude these usernames var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames // var txtTopLine = '<b>[#].</b> [image] [user] ([count])'; var txtNoTopCommenters = 'No top commentators at this time.'; var txtAnonymous = ''; // empty, or Anonymous user name localized if you want to localize // var sizeAvatar = 20; var cropAvatar = true; // var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Lff572zW76fzCgHrMAH9YikzRRjz0PYp-p0Ao4ibN-TAzkkOZcUByjxnrrCj5ec5_OQIIz6xqwUQ9F7T-3AIz3RFotISz5ye5zoVd-QHN0dUN8MfeGItTgDX1c25MGubGoPwrqxbAkk/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar; var urlMyProfile = ''; // set if you have no profile gadget on page var urlMyAvatar = ''; // can be empty (then it is fetched) or url to image // config end // for old IEs & IE modes: 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;
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; } }
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); // assume ISO 8601 var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
//Calculate difference btw the two dates, and convert to days 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;
// list top topcommenters: 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-commenter-line">'); 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><a href="http://cirikhusus.blogspot.com/2012/08/membuat-top-komentator-dengan-avatar.html" target="blank"><font color="red">[Get This]<font></font></font></a>
5. Simpan dan lihat hasilnya
Keterangan : 1. var maxTopCommenters = 20; adalah jumlah komentator yang akan ditampilkan, silahkan ubah angkanya 2. var sizeAvatar = 20 adalah ukuran dari avatar / foto, ubah angkanya menurut selera anda 3. var excludeUsers = ["Rudy Hartono" silahkan ganti Rudy Hartono dengan nama anda (agar nama anda tidak nongol diatas sendiri)
0 Response to "Membuat Top Komentator Dengan Avatar / Foto"
Posting Komentar