Mengatasi Error pada tombol BALAS komentar

Mengatasi Error Pada Tombol Reply Komentar yang Tidak Bisa di Klik

ternyata tombol reply / balas tidak berfungsi atau  form komentar tidak keluar. Hal ini disebabkan ada perubahan pada JavaScript threaded comment.

Untuk mengatasi hal ini, ikuti langkah-langkah di bawah ini :


1. Masuk ke Dasbor -> Rancangan -> Edit HTML

2. Menjaga kegagalan, backup dulu template anda -> Download Template Lengkap

3. Centang Expand Template Widget

4. Cari kode dibawah ini :

<b:includable id='threaded_comment_js' var='post'><br /> <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/><br /><br /> <script type='text/javascript'><br /> (function() {<br /> var items = <data:post.commentJso/>;<br /> var msgs = <data:post.commentMsgs/>;<br /> var postId = '<data:post.id/>';<br /> var feed = '<data:post.commentFeed/>';<br /> var authorName = '<data:post.author/>';<br /> var authorUrl = '<data:post.authorUrl/>';<br /> var blogId = '<data:top.id/>';<br /> var baseUri = '<data:post.commentBase/>';<br /><br />// <![CDATA[<br /> feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';<br /> var cursor = null;<br /> if (items && items.length > 0) {<br /> cursor = parseInt(items[items.length - 1].timestamp) + 1;<br /> }<br /><br /> var bodyFromEntry = function(entry) {<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {<br /> return '<span class="deleted-comment">' + entry.content.$t + '</span>';<br /> }<br /> }<br /> }<br /> return entry.content.$t;<br /> }<br /><br /> var parse = function(data) {<br /> cursor = null;<br /> var comments = [];<br /> if (data && data.feed && data.feed.entry) {<br /> for (var i = 0, entry; entry = data.feed.entry[i]; i++) {<br /> var comment = {};<br /> // comment ID, parsed out of the original id format<br /> var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);<br /> comment.id = id ? id[2] : null;<br /> comment.body = bodyFromEntry(entry);<br /> comment.timestamp = Date.parse(entry.published.$t) + '';<br /> if (entry.author && entry.author.constructor === Array) {<br /> var auth = entry.author[0];<br /> if (auth) {<br /> comment.author = {<br /> name: (auth.name ? auth.name.$t : undefined),<br /> profileUrl: (auth.uri ? auth.uri.$t : undefined),<br /> avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)<br /> };<br /> }<br /> }<br /> if (entry.link) {<br /> if (entry.link[2]) {<br /> comment.link = comment.permalink = entry.link[2].href;<br /> }<br /> if (entry.link[3]) {<br /> var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);<br /> if (pid && pid[1]) {<br /> comment.parentId = pid[1];<br /> }<br /> }<br /> }<br /> comment.deleteclass = 'item-control blog-admin';<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);<br /> if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {<br /> comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;<br /> }<br /> }<br /> }<br /> comments.push(comment);<br /> }<br /> }<br /> return comments;<br /> };<br /><br /> var paginator = function(callback) {<br /> if (hasMore()) {<br /> var url = feed;<br /> if (cursor) {<br /> url += '&published-min=' + new Date(cursor).toISOString();<br /> }<br /> window.bloggercomments = function(data) {<br /> var parsed = parse(data);<br /> cursor = parsed.length < 50 ? null<br /> : parseInt(parsed[parsed.length - 1].timestamp) + 1<br /> callback(parsed);<br /> window.bloggercomments = null;<br /> }<br /> url += '&callback=bloggercomments';<br /> var script = document.createElement('script');<br /> script.type = 'text/javascript';<br /> script.src = url;<br /> document.getElementsByTagName('head')[0].appendChild(script);<br /> }<br /> };<br /> var hasMore = function() {<br /> return !!cursor;<br /> };<br /> var getMeta = function(key, comment) {<br /> if ('iswriter' == key) {<br /> var matches = !!comment.author<br /> && comment.author.name == authorName<br /> && comment.author.profileUrl == authorUrl;<br /> return matches ? 'true' : '';<br /> } else if ('deletelink' == key) {<br /> return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;<br /> } else if ('deleteclass' == key) {<br /> return comment.deleteclass;<br /> }<br /> return '';<br /> };<br /><br /> var replybox = null;<br /> var replyUrlParts = null;<br /> var replyParent = undefined;<br /><br /> var onReply = function(commentId, domId) {<br /> if (replybox == null) {<br /> // lazily cache replybox, and adjust to suit this style:<br /> replybox = document.getElementById('comment-editor');<br /> if (replybox != null) {<br /> replybox.height = '250px';<br /> replybox.style.display = 'block';<br /> replyUrlParts = replybox.src.split('#');<br /> }<br /> }<br /> if (replybox && (commentId !== replyParent)) {<br /> document.getElementById(domId).insertBefore(replybox, null);<br /> replybox.src = replyUrlParts[0]<br /> + (commentId ? '&parentID=' + commentId : '')<br /> + '#' + replyUrlParts[1];<br /> replyParent = commentId;<br /> }<br /> };<br /><br /> var tok = 'comment-form_';<br /> var hash = window.location.hash || '';<br /> var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;<br /><br /> // Configure commenting API:<br /> var configJso = {<br /> 'maxDepth': 2<br /> };<br /> var provider = {<br /> 'id': postId,<br /> 'data': items,<br /> 'loadNext': paginator,<br /> 'hasMore': hasMore,<br /> 'getMeta': getMeta,<br /> 'onReply': onReply,<br /> 'rendered': true,<br /> 'initReplyThread': startThread,<br /> 'config': configJso,<br /> 'messages': msgs<br /> };<br /><br /> var render = function() {<br /> if (window.goog && window.goog.comments) {<br /> var holder = document.getElementById('comment-holder');<br /> window.goog.comments.render(holder, provider);<br /> }<br /> };<br /><br /> // render now, or queue to render when library loads:<br /> if (window.goog && window.goog.comments) {<br /> render();<br /> } else {<br /> window.goog = window.goog || {};<br /> window.goog.comments = window.goog.comments || {};<br /> window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];<br /> window.goog.comments.loadQueue.push(render);<br /> }<br /> })();<br />// ]]><br /> </script><br /></b:includable>

5. Ganti semuanya dengan kode dibawah ini :

<b:includable id='threaded_comment_js' var='post'><br /> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/><br /><br /> <script type='text/javascript'><br /> (function() {<br /> var items = <data:post.commentJso/>;<br /> var msgs = <data:post.commentMsgs/>;<br /> var config = <data:post.commentConfig/>;<br /><br />// <![CDATA[<br /> var cursor = null;<br /> if (items && items.length > 0) {<br /> cursor = parseInt(items[items.length - 1].timestamp) + 1;<br /> }<br /><br /> var bodyFromEntry = function(entry) {<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {<br /> return '<span class="deleted-comment">' + entry.content.$t + '</span>';<br /> }<br /> }<br /> }<br /> return entry.content.$t;<br /> }<br /><br /> var parse = function(data) {<br /> cursor = null;<br /> var comments = [];<br /> if (data && data.feed && data.feed.entry) {<br /> for (var i = 0, entry; entry = data.feed.entry[i]; i++) {<br /> var comment = {};<br /> // comment ID, parsed out of the original id format<br /> var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);<br /> comment.id = id ? id[2] : null;<br /> comment.body = bodyFromEntry(entry);<br /> comment.timestamp = Date.parse(entry.published.$t) + '';<br /> if (entry.author && entry.author.constructor === Array) {<br /> var auth = entry.author[0];<br /> if (auth) {<br /> comment.author = {<br /> name: (auth.name ? auth.name.$t : undefined),<br /> profileUrl: (auth.uri ? auth.uri.$t : undefined),<br /> avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)<br /> };<br /> }<br /> }<br /> if (entry.link) {<br /> if (entry.link[2]) {<br /> comment.link = comment.permalink = entry.link[2].href;<br /> }<br /> if (entry.link[3]) {<br /> var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);<br /> if (pid && pid[1]) {<br /> comment.parentId = pid[1];<br /> }<br /> }<br /> }<br /> comment.deleteclass = 'item-control blog-admin';<br /> if (entry.gd$extendedProperty) {<br /> for (var k in entry.gd$extendedProperty) {<br /> if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {<br /> comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;<br /> }<br /> }<br /> }<br /> comments.push(comment);<br /> }<br /> }<br /> return comments;<br /> };<br /><br /> var paginator = function(callback) {<br /> if (hasMore()) {<br /> var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';<br /> if (cursor) {<br /> url += '&published-min=' + new Date(cursor).toISOString();<br /> }<br /> window.bloggercomments = function(data) {<br /> var parsed = parse(data);<br /> cursor = parsed.length < 50 ? null<br /> : parseInt(parsed[parsed.length - 1].timestamp) + 1<br /> callback(parsed);<br /> window.bloggercomments = null;<br /> }<br /> url += '&callback=bloggercomments';<br /> var script = document.createElement('script');<br /> script.type = 'text/javascript';<br /> script.src = url;<br /> document.getElementsByTagName('head')[0].appendChild(script);<br /> }<br /> };<br /> var hasMore = function() {<br /> return !!cursor;<br /> };<br /> var getMeta = function(key, comment) {<br /> if ('iswriter' == key) {<br /> var matches = !!comment.author<br /> && comment.author.name == config.authorName<br /> && comment.author.profileUrl == config.authorUrl;<br /> return matches ? 'true' : '';<br /> } else if ('deletelink' == key) {<br /> return config.baseUri + '/delete-comment.g?blogID='<br /> + config.blogId + '&postID=' + comment.id;<br /> } else if ('deleteclass' == key) {<br /> return comment.deleteclass;<br /> }<br /> return '';<br /> };<br /><br /> var replybox = null;<br /> var replyUrlParts = null;<br /> var replyParent = undefined;<br /><br /> var onReply = function(commentId, domId) {<br /> if (replybox == null) {<br /> // lazily cache replybox, and adjust to suit this style:<br /> replybox = document.getElementById('comment-editor');<br /> if (replybox != null) {<br /> replybox.height = '250px';<br /> replybox.style.display = 'block';<br /> replyUrlParts = replybox.src.split('#');<br /> }<br /> }<br /> if (replybox && (commentId !== replyParent)) {<br /> document.getElementById(domId).insertBefore(replybox, null);<br /> replybox.src = replyUrlParts[0]<br /> + (commentId ? '&parentID=' + commentId : '')<br /> + '#' + replyUrlParts[1];<br /> replyParent = commentId;<br /> }<br /> };<br /><br /> var hash = (window.location.hash || '#').substring(1);<br /> var startThread, targetComment;<br /> if (/^comment-form_/.test(hash)) {<br /> startThread = hash.substring('comment-form_'.length);<br /> } else if (/^c[0-9]+$/.test(hash)) {<br /> targetComment = hash.substring(1);<br /> }<br /><br /> // Configure commenting API:<br /> var configJso = {<br /> 'maxDepth': config.maxThreadDepth<br /> };<br /> var provider = {<br /> 'id': config.postId,<br /> 'data': items,<br /> 'loadNext': paginator,<br /> 'hasMore': hasMore,<br /> 'getMeta': getMeta,<br /> 'onReply': onReply,<br /> 'rendered': true,<br /> 'initComment': targetComment,<br /> 'initReplyThread': startThread,<br /> 'config': configJso,<br /> 'messages': msgs<br /> };<br /><br /> var render = function() {<br /> if (window.goog && window.goog.comments) {<br /> var holder = document.getElementById('comment-holder');<br /> window.goog.comments.render(holder, provider);<br /> }<br /> };<br /><br /> // render now, or queue to render when library loads:<br /> if (window.goog && window.goog.comments) {<br /> render();<br /> } else {<br /> window.goog = window.goog || {};<br /> window.goog.comments = window.goog.comments || {};<br /> window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];<br /> window.goog.comments.loadQueue.push(render);<br /> }<br /> })();<br />// ]]><br /> </script><br /></b:includable> 

6. Save Template

Cara Membuat Threaded Comment di Blogger / Blogspot

Links

blog.kangismet.net