Selasa, 21 Mei 2019

Tutorial Mengatasi Loadmore Comment Blogger Yang Loading Terus

| Selasa, 21 Mei 2019
Cara Mengatasi Eror Loadmore/Baca Komen Selanjutnya Comment Blogger Yang Loading Terus. mengatasi loadmore/Showmore comment nan belomberfungsi ataupun loadingnya belomhabis habis diblogger. Cara Mengatasi Loadmore Comment Blogger Yang belomberfungsi.Halo sahabat blogger kaliitu admin jagoankode, mau tidak banyak menawarkan tips juga trik mengenai Cara Mengatasi Loadmore Comment Blogger Yang Loading Terus. sebagian waktu nan kemudian sejak mengganti template blogger admin menemukan aneka macam permasalahan nan tersedia di template blogger,halitu lumrah juga wajar, alasannya di dasarnya apabila admin menemukan template nan ditulis dengan HTML nan terbaru, admin mau tertarik sebagai memasangnya. tetapi pastinya saja di ketika beralih kami mau dihadapkan dengan sebagian permasalahan ialah terkait eror nan dihasilkan template baru.

Salah sebuah permasalahan nan terjadi dididalem pergantian templateitu yakni fitur comment nan belomberfungsi dengan benar, ialah apabila komentar nan terdapat dididalem blogger itu terlalu panjang,pada ketika kami ingin melihat komen selanjutnya nan terjadi yakni loading tanpa henti. halaman komen selanjutnya belomdiproses juga belombisa ditampilkan dikarenakan tersedia sebagian script dididalem halaman blog eror, biasanya halitu dialami sebagai disana nan megganti protokol blognya mejadi https, disana mau menghasilkan lebih banyak eror ketimbang disana nan memakai protokol http.

Berikutitu admin tampilkan sebagian screenshot permasalahan nan terjadi di kolom komentar nan belommau meload halaman komen selanjutnya.


Oke sahabat sebagai mengatasi permasalahan Loadmore Comment Blogger nan belomberfungsi silahkan simak tutor juga langkahnya berikutitu :

Cara Mengatasi Loadmore Comment Blogger Yang Loading Terus

Pada dasarnya sruktur HTML sama tetapi dibentuk dengan keterangan class nan berbeda, tetapi tetap bergotong-royong sama saja, sebagai itu apabila kalian belommenemukan isyarat nan aku sebutkan , harap kalian analisa terhadap isyarat nan menyerupai mirip fungsi nan disebutkan.

1. Silahkan kalian masuk kedidalem dashboard blogger.
2. Kemudian Pilih  EDIT HTML
3. Cari isyarat ini, ataupun isyarat nan menyerupai sepertiitu :

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

4. Setelah kalian menemukan isyarat diatas ataupun menyerupai dengan isyarat diatas, silahkan hapus semua isyarat diatas kemudian ganti dengan isyarat berikut :

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

5. Lalu Simpan/SAVE .

6. Buka Pengaturan /Setting /Setelan Di panel blogger.


7. Pilih Setelan >>Postingan Komentar,berbagi, >> Lokasi komentar >>Halaman penuh >>SAVE/Simpan Setelan.

8. Lihat hasilnya

Catatan : Jika kalian pengguna https, makanya tutor diatas masih mau menghasilkan eror,tutor mengatasinya yakni dengan menambahkan protokol https sesudah kode //www.blogger.com/comment-iframe.g

UNTUK PENGGUNA HTTPS

>>Silahkan cari isyarat berikut ataupun apabila belomketemu cari isyarat nan menyerupai mirip berikut :

<b:includable id='comment-form' var='post'> 

Cari juga scroll kebawah sesudah isyarat diatas kalian mau menemukan isyarat berikut :

<a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

Ganti isyarat diatas dengan memakai protokol https sebelum tanda // jadinya sepertiitu :

<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

 Lalu cari lagi kode

<b:includable id='threaded-comment-form' var='post'>

Cari juga scroll kebawah sesudah isyarat diatas kalian mau menemukan isyarat berikut :

<a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

Ganti isyarat diatas dengan memakai protokol https sebelum tanda // jadinya sepertiitu :

<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

>> Jangan Lupa Di SAVE juga lihat hasilnya

Oke sahabat tutor diatas sangat ampush sekali mengatasi eror loading di tombol loadmore comment ataupunbagi kalian nan kotak komentarnya hilang sanggup diatasi dengan tutor diatas.
Catatan :
Jika tutor diatas masih juga belomberhasil makanya langkah nan musti kalian kerjakan yakni dengan menghapus isyarat ini 
 Temukan isyarat berikut :

<b:includable id='threaded_comment_js' var='post'>

Jika  rampung ketemu hapus seluruh kodeitu :

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

Jangan lupa kalian SAVE juga lihat kesudahannya :D

Demikianlah tutorial admin mengenai tutor Mengatasi eror Loadmore Comment Blogger Yang Loading Terus.semoga informasiitu sanggup meringankan anda, sekian juga terima kasih :D

Related Posts

Tidak ada komentar:

Posting Komentar