√ Cara Mengembalikan Komentar Disqus (permanen) Menjadi Komentar Blogger - AdityaTekno

Social Items

Cara Mengembalikan Komentar Disqus permanen Menjadi Komentar Blogger seperti semula

Cara Mengembalikan atau Mengubah Kembali Komentar Disqus ke Komentar Blogger - Welcome back sahabat AdityaTekno.com, sesuai judul diatas, postingan pada hari ini akan menjelaskan caranya.


Memang si salah satu tempat untuk menanam backlink yaitu bisa melalui komentar Disqus, Akan tetapi karena selera, maka ada beberapa blogger yang tidak suka dengan system komentar Disqus, termasuk saya sendiri, hehe. Dan lebih menginginkan komentar default Blogger.

Nah, pada tutorial kali ini komentar blogger yang dimaksud ialah threaded comment hack (komentar bertingkat). Cara melakukan perubahan ini pun harus dilakukan hati-hati, dan jangan sampai salah meletakkan kode. Agar komentarnya bisa berjalan baik. Lumayan repot untuk melakukan hal ini. Jadi, sebelum melakukan cara ini sebaiknya backup dulu template blognya. Untuk mengantisipasi jika anda salah meletakkan kode dan menjadikan error.


Cara Merubah Komentar Disqus Permanen Kembali menjadi Komentar Blogger (Default)


Langkah pertama silahkan menuju ke dashboard blog klik Tema atau Theme >> Edit HTML.


Letakkan kode CSS dibawah ini tepat di atas kode </style> [yang pertama].
/* Comments CSS */
#comments{clear:both;margin:25px 20px 0;padding:0;list-style:none;position:relative}
#comments h3{text-transform:uppercase;font-size:16px;font-weight:700;position:relative;padding:5px 0 15px;margin:0;color:#212121;text-align:left!important}
.comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;padding:0;text-align:center;margin-bottom:20px;border-radius:99em!important;overflow:hidden}
#comments .avatar-image-container {float: left;margin:0;width: 42px;height: 42px;max-width:42px;max-height:42px;padding: 0;margin-bottom:10px;border-radius:99em!important;overflow:hidden}
#comments .avatar-image-container img {width: 42px;height: 42px;max-width: 42px;max-height: 42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;border-radius:99em!important;overflow:hidden}
.comment_name a {font-weight:700;color:#000;padding:0;font-size: 13px;text-decoration: none;}
.comment_name a:hover{color:#4285f4}
.comment_admin .comment_name {font-weight: bold;padding:0;font-size: 13px;text-decoration: none;}
.comment_admin .comment_date {font-weight: normal;font-size:11px;}
.comment_name {padding:0;font-size:13px;font-weight:bold;position:relative;}
.comment_service{margin-top:5px;position:relative}
.comment_date {color: #a9a9a9;font-size:12px!important;margin-top:-3px;display:inline-block}
.comment_date a{text-decoration:none;color: #a9a9a9;font-size:12px!important;font-weight:normal;}
.comment_date a:hover{color: #000;}
.comment_body{margin-left:50px;margin-top: -72px;padding:10px 10px 25px}
.comment_body p {line-height: 1.5em;margin:4px 0 5px;color: #666;font-weight:normal;font-size: 13px;word-wrap:break-word;padding:0;}
.comment_body p a{font-weight:normal;color:#4285f4;text-decoration:none}
.comment_inner {padding-bottom: 5px;margin:0}
.comment_child .comment_wrap {padding-left: 7%;}
.reply-delete{display:none;margin:0 0 0 10px;padding:0;float:right}
.comment_body:hover .reply-delete{display:inline-block}
.comment_reply,.comment-delete {display:inline-block;margin:0;padding:0;color: #a9a9a9!important;text-align: center;text-decoration: none;font-size:9px!important;font-weight:normal!important;height:17px;width:17px;line-height:17px;border-radius:99em;border:1px solid #a9a9a9;float:left}
.comment-delete{margin-left:5px}
.comment_reply:hover,.comment-delete:hover {color:#000 !important;border-color:#000}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%}
#comment-editor {clear:both;padding:0;margin:0;width:100%!important;background:transparent url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 30%;border:1px solid #eee;max-height:280px !important}
.comment_form a {text-decoration: none;text-transform: uppercase;font-size: 15px;}
.comment-form p {background: #fff;padding:15px 15px 11px;margin: 5px 0 20px;font-size: 13px;line-height:1.3em;border:1px solid #e4e4e4;position:relative;max-width:100%}
.comment-form p:after {content:&quot;&quot;;width:0;height:0;position:absolute;top:100%;left:20px;border-width:8px;border-style:solid;border-color:#e4e4e4 transparent transparent #e4e4e4;display:block;}
.comment_reply_form {padding: 0 0 0 70px;}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list .item{text-align:center;height:40px;width:41px;margin:10px auto;display:inline-block}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}
img.comment_emo {width:16px;height:16px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {padding: 10px 10px 10px 10px;display: block;color: #CCC;}
#respond {overflow: hidden;clear: both;}
.comment_avatar img{width:42px;height:42px;background:url(//2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline-block;background:#4285f4;height:10px;width:10px;border-radius:99em;padding:0;left:-15px;margin-top:4px;position:absolute;}
iframe{border:none;overflow:hidden}
.small-button1 a {font-size:12px;cursor:pointer;font-weight:400;margin:17px 5px 5px 0;text-decoration:none;text-transform:none;text-decoration:none !important;display:inline-block;color:#fff;padding:5px 14px;cursor:pointer;background-color:#000;}
.small-button1:hover a{background-color:#4285f4;color:#fff;display:inline-block;text-decoration:none !important}
span.small-button1 {text-align:left;display:inline-block;}
#emo-box,#hide-emo {display:none;}


Langkah selanjutnya yaitu memasang kembali perangkat komentar Blogger yang sebelumnya dihilangkan kode dan fungsinya.

Bagian 1

Ganti kode berikut ini:
<b:includable id='comment-form' var='post'/><b:includable id='commentDeleteIcon' var='comment'/><b:includable id='comment_count_picker' var='post'/><b:includable id='comment_picker' var='post'/>

 Dengan kode di bawah ini:
<b:includable id='comment-form' var='post'><div class='comment-form'><b:if cond='data:mobile'><h4 id='comment-post-message'><a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/><b:else/><h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/></b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/><script type='text/javascript'>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);</script></div></b:includable><b:includable id='commentDeleteIcon' var='comment'><span expr:class='&quot;item-control &quot; + data:comment.adminClass'><b:if cond='data:showCmtPopup'><div class='goog-toggle-button'><div class='goog-inline-block comment-action-icon'/></div><b:else/><a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><img src='https://resources.blogblog.com/img/icon_delete13.gif'/></a></b:if></span></b:includable><b:includable id='comment_count_picker' var='post'><b:if cond='data:post.commentSource == 1'><span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'></span><b:else/><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.commentLabelFull/>:</a></b:if></b:includable><b:includable id='comment_picker' var='post'><b:if cond='data:post.commentSource == 1'><b:include data='post' name='iframe_comments'/><b:elseif cond='data:post.showThreadedComments'/><b:include data='post' name='comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:includable>

Bagian 2

Ganti kode berikut ini: 
<b:includable id='comments' var='post'>...</b:includable>

Dengan kode di bawah ini:
<b:includable id='comments' var='post'><div class='comments' id='comments'> <b:if cond='data:post.allowComments'>  <b:if cond='data:post.numComments != 0'>   <h3>    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:     <b:else/>     <data:post.numComments/> <data:commentLabelPlural/>    </b:if>   </h3>  </b:if>                <b:if cond='data:post.commentPagingRequired'>   <span class='paging-control-container'>    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>    &#160;    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>    &#160;    <data:post.commentRangeText/>    &#160;    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>    &#160;    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>   </span>  </b:if>                        <div class='clear'/>  <div id='comment_block'>   <b:loop values='data:post.comments' var='comment'>                                                                               <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                          <b:if cond='data:post.adminClass == data:comment.adminClass'>       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;       <b:else/>                            &lt;div class=&#39;comment_inner&#39;&gt;      </b:if>       <div class='comment_header'>     <div class='comment_avatar_wrap'>     <div class='comment_avatar'>      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>              </div>     </div>                             <div class='clear'/>    </div>            <div class='comment_body'>                                      <span class='comment_arrow'/>     <div class='comment_name'>      <b:if cond='data:comment.authorUrl'>       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>       <b:else/>       <data:comment.author/>      </b:if>       <b:if cond='data:comment.author == data:post.author'>         <span class='comment_author_flag'/>       </b:if>                    <span class='comment_service'>      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>                  <data:comment.timestamp/>       </a><span class='reply-delete'><a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply comments'><i aria-hidden='true' class='fa fa-share'/></a><a class='comment-delete' expr:href='&quot;//www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'><i aria-hidden='true' class='fa fa-times'/></a> </span></span>  </span></div>     <b:if cond='data:comment.isDeleted'>      <span class='deleted-comment'><data:comment.body/></span>      <b:else/>      <p><data:comment.body/></p>                        <div class='clear'/>                          </b:if>                                          </div>                             <div class='clear'/>     &lt;/div&gt;     <div class='clear'/>              <div class='comment_child'/>    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>                 </div>   </b:loop>                </div>       <div class='clear'/>    <b:if cond='data:post.commentPagingRequired'>     <span class='paging-control-container'>       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>       &#160;       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>       &#160;       <data:post.commentRangeText/>       &#160;       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>       &#160;       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>     </span>    </b:if>    <div class='clear'/>  <div class='comment_form'>                   <b:if cond='data:post.embedCommentForm'>    <b:if cond='data:post.allowNewComments'>       <b:include data='post' name='threaded-comment-form'/>       <b:else/>       <data:post.noNewCommentsText/>    </b:if>    <b:else/>    <b:if cond='data:post.allowComments'>     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>    </b:if>   </b:if>  </div> </b:if></div>                      <script type='text/javascript'>       //<![CDATA[       if (typeof(jQuery) == 'undefined') { //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}       //]]>       </script>           <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>       <script type='text/javascript'>              <b:if cond='data:post.numComments != 0'>         var Items = <data:post.commentJso/>;         var Msgs = <data:post.commentMsgs/>;         var Config = <data:post.commentConfig/>;        <b:else/>         var Items = {};         var Msgs = {};         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};        </b:if>       //<![CDATA[       //Global setting        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true             //Pengaturan Emoticon        Emo_List = [':)'   ,'//twemoji.maxcdn.com/36x36/1f600.png',':('   ,'//twemoji.maxcdn.com/36x36/1f615.png','hihi'  ,'//twemoji.maxcdn.com/36x36/1f601.png',':-)'   ,'//twemoji.maxcdn.com/36x36/1f60f.png',':D'   ,'//twemoji.maxcdn.com/36x36/1f603.png','=D'   ,'//twemoji.maxcdn.com/36x36/1f62c.png',':-d'   ,'//twemoji.maxcdn.com/36x36/1f604.png',';('   ,'//twemoji.maxcdn.com/36x36/1f61e.png',';-('   ,'//twemoji.maxcdn.com/36x36/1f62d.png','@-)'   ,'//twemoji.maxcdn.com/36x36/1f616.png',':P'   ,'//twemoji.maxcdn.com/36x36/1f61c.png',':o' ,'//twemoji.maxcdn.com/36x36/1f62e.png',    ':&gt;)','//twemoji.maxcdn.com/36x36/1f606.png',    '(o)' ,'//twemoji.maxcdn.com/36x36/1f609.png',    ':p' ,'//twemoji.maxcdn.com/36x36/1f614.png',    '(p)' ,'//twemoji.maxcdn.com/36x36/1f619.png',':-s' ,'//twemoji.maxcdn.com/36x36/1f625.png','(m)' ,'//twemoji.maxcdn.com/36x36/1f620.png','8-)' ,'//twemoji.maxcdn.com/36x36/1f60e.png',':-t' ,'//twemoji.maxcdn.com/36x36/1f624.png',':-b' ,'//twemoji.maxcdn.com/36x36/1f634.png','b-(' ,'//twemoji.maxcdn.com/36x36/1f635.png','$-)' ,'//twemoji.maxcdn.com/36x36/1f4b5.png','(y)' ,'//twemoji.maxcdn.com/36x36/1f44d.png','x-)' ,'//twemoji.maxcdn.com/36x36/1f60d.png','(k)' ,'//twemoji.maxcdn.com/36x36/1f496.png',        ];                                                                 //Config Force tag list, define all in lower case                                Force_Tag = [                                    '[pre]','<pre>',                                    '[/pre]','</pre>',                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',                                    '</pre>','</code>'                                ];   eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}));    //]]></script></b:includable>

Bagian 3

Ganti kode berikut ini: 
<b:includable id='iframe_comments' var='post'/>

Dengan kode dibawah ini:
<b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable> 

Bagian 4

Ganti kode berikut ini:
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/> 

Dengan kode dibawah ini: 
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
    <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) {
        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) {
                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>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>

Kemudian simpan tema. Dan lihat hasilnya.

Demikian tutorial Cara Mengembalikan Komentar Disqus (permanen) Menjadi Komentar Blogger. Semoga tutorial ini bisa bermanfaat dan membantu anda. Good luck! Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com.

sumber referensi

Cara Mengembalikan Komentar Disqus (permanen) Menjadi Komentar Blogger

Cara Mengembalikan Komentar Disqus permanen Menjadi Komentar Blogger seperti semula

Cara Mengembalikan atau Mengubah Kembali Komentar Disqus ke Komentar Blogger - Welcome back sahabat AdityaTekno.com, sesuai judul diatas, postingan pada hari ini akan menjelaskan caranya.


Memang si salah satu tempat untuk menanam backlink yaitu bisa melalui komentar Disqus, Akan tetapi karena selera, maka ada beberapa blogger yang tidak suka dengan system komentar Disqus, termasuk saya sendiri, hehe. Dan lebih menginginkan komentar default Blogger.

Nah, pada tutorial kali ini komentar blogger yang dimaksud ialah threaded comment hack (komentar bertingkat). Cara melakukan perubahan ini pun harus dilakukan hati-hati, dan jangan sampai salah meletakkan kode. Agar komentarnya bisa berjalan baik. Lumayan repot untuk melakukan hal ini. Jadi, sebelum melakukan cara ini sebaiknya backup dulu template blognya. Untuk mengantisipasi jika anda salah meletakkan kode dan menjadikan error.


Cara Merubah Komentar Disqus Permanen Kembali menjadi Komentar Blogger (Default)


Langkah pertama silahkan menuju ke dashboard blog klik Tema atau Theme >> Edit HTML.


Letakkan kode CSS dibawah ini tepat di atas kode </style> [yang pertama].
/* Comments CSS */
#comments{clear:both;margin:25px 20px 0;padding:0;list-style:none;position:relative}
#comments h3{text-transform:uppercase;font-size:16px;font-weight:700;position:relative;padding:5px 0 15px;margin:0;color:#212121;text-align:left!important}
.comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;padding:0;text-align:center;margin-bottom:20px;border-radius:99em!important;overflow:hidden}
#comments .avatar-image-container {float: left;margin:0;width: 42px;height: 42px;max-width:42px;max-height:42px;padding: 0;margin-bottom:10px;border-radius:99em!important;overflow:hidden}
#comments .avatar-image-container img {width: 42px;height: 42px;max-width: 42px;max-height: 42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;border-radius:99em!important;overflow:hidden}
.comment_name a {font-weight:700;color:#000;padding:0;font-size: 13px;text-decoration: none;}
.comment_name a:hover{color:#4285f4}
.comment_admin .comment_name {font-weight: bold;padding:0;font-size: 13px;text-decoration: none;}
.comment_admin .comment_date {font-weight: normal;font-size:11px;}
.comment_name {padding:0;font-size:13px;font-weight:bold;position:relative;}
.comment_service{margin-top:5px;position:relative}
.comment_date {color: #a9a9a9;font-size:12px!important;margin-top:-3px;display:inline-block}
.comment_date a{text-decoration:none;color: #a9a9a9;font-size:12px!important;font-weight:normal;}
.comment_date a:hover{color: #000;}
.comment_body{margin-left:50px;margin-top: -72px;padding:10px 10px 25px}
.comment_body p {line-height: 1.5em;margin:4px 0 5px;color: #666;font-weight:normal;font-size: 13px;word-wrap:break-word;padding:0;}
.comment_body p a{font-weight:normal;color:#4285f4;text-decoration:none}
.comment_inner {padding-bottom: 5px;margin:0}
.comment_child .comment_wrap {padding-left: 7%;}
.reply-delete{display:none;margin:0 0 0 10px;padding:0;float:right}
.comment_body:hover .reply-delete{display:inline-block}
.comment_reply,.comment-delete {display:inline-block;margin:0;padding:0;color: #a9a9a9!important;text-align: center;text-decoration: none;font-size:9px!important;font-weight:normal!important;height:17px;width:17px;line-height:17px;border-radius:99em;border:1px solid #a9a9a9;float:left}
.comment-delete{margin-left:5px}
.comment_reply:hover,.comment-delete:hover {color:#000 !important;border-color:#000}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%}
#comment-editor {clear:both;padding:0;margin:0;width:100%!important;background:transparent url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 30%;border:1px solid #eee;max-height:280px !important}
.comment_form a {text-decoration: none;text-transform: uppercase;font-size: 15px;}
.comment-form p {background: #fff;padding:15px 15px 11px;margin: 5px 0 20px;font-size: 13px;line-height:1.3em;border:1px solid #e4e4e4;position:relative;max-width:100%}
.comment-form p:after {content:&quot;&quot;;width:0;height:0;position:absolute;top:100%;left:20px;border-width:8px;border-style:solid;border-color:#e4e4e4 transparent transparent #e4e4e4;display:block;}
.comment_reply_form {padding: 0 0 0 70px;}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list .item{text-align:center;height:40px;width:41px;margin:10px auto;display:inline-block}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}
img.comment_emo {width:16px;height:16px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {padding: 10px 10px 10px 10px;display: block;color: #CCC;}
#respond {overflow: hidden;clear: both;}
.comment_avatar img{width:42px;height:42px;background:url(//2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline-block;background:#4285f4;height:10px;width:10px;border-radius:99em;padding:0;left:-15px;margin-top:4px;position:absolute;}
iframe{border:none;overflow:hidden}
.small-button1 a {font-size:12px;cursor:pointer;font-weight:400;margin:17px 5px 5px 0;text-decoration:none;text-transform:none;text-decoration:none !important;display:inline-block;color:#fff;padding:5px 14px;cursor:pointer;background-color:#000;}
.small-button1:hover a{background-color:#4285f4;color:#fff;display:inline-block;text-decoration:none !important}
span.small-button1 {text-align:left;display:inline-block;}
#emo-box,#hide-emo {display:none;}


Langkah selanjutnya yaitu memasang kembali perangkat komentar Blogger yang sebelumnya dihilangkan kode dan fungsinya.

Bagian 1

Ganti kode berikut ini:
<b:includable id='comment-form' var='post'/><b:includable id='commentDeleteIcon' var='comment'/><b:includable id='comment_count_picker' var='post'/><b:includable id='comment_picker' var='post'/>

 Dengan kode di bawah ini:
<b:includable id='comment-form' var='post'><div class='comment-form'><b:if cond='data:mobile'><h4 id='comment-post-message'><a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/><b:else/><h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/></b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/><script type='text/javascript'>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);</script></div></b:includable><b:includable id='commentDeleteIcon' var='comment'><span expr:class='&quot;item-control &quot; + data:comment.adminClass'><b:if cond='data:showCmtPopup'><div class='goog-toggle-button'><div class='goog-inline-block comment-action-icon'/></div><b:else/><a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><img src='https://resources.blogblog.com/img/icon_delete13.gif'/></a></b:if></span></b:includable><b:includable id='comment_count_picker' var='post'><b:if cond='data:post.commentSource == 1'><span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'></span><b:else/><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.commentLabelFull/>:</a></b:if></b:includable><b:includable id='comment_picker' var='post'><b:if cond='data:post.commentSource == 1'><b:include data='post' name='iframe_comments'/><b:elseif cond='data:post.showThreadedComments'/><b:include data='post' name='comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:includable>

Bagian 2

Ganti kode berikut ini: 
<b:includable id='comments' var='post'>...</b:includable>

Dengan kode di bawah ini:
<b:includable id='comments' var='post'><div class='comments' id='comments'> <b:if cond='data:post.allowComments'>  <b:if cond='data:post.numComments != 0'>   <h3>    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:     <b:else/>     <data:post.numComments/> <data:commentLabelPlural/>    </b:if>   </h3>  </b:if>                <b:if cond='data:post.commentPagingRequired'>   <span class='paging-control-container'>    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>    &#160;    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>    &#160;    <data:post.commentRangeText/>    &#160;    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>    &#160;    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>   </span>  </b:if>                        <div class='clear'/>  <div id='comment_block'>   <b:loop values='data:post.comments' var='comment'>                                                                               <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                          <b:if cond='data:post.adminClass == data:comment.adminClass'>       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;       <b:else/>                            &lt;div class=&#39;comment_inner&#39;&gt;      </b:if>       <div class='comment_header'>     <div class='comment_avatar_wrap'>     <div class='comment_avatar'>      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>              </div>     </div>                             <div class='clear'/>    </div>            <div class='comment_body'>                                      <span class='comment_arrow'/>     <div class='comment_name'>      <b:if cond='data:comment.authorUrl'>       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>       <b:else/>       <data:comment.author/>      </b:if>       <b:if cond='data:comment.author == data:post.author'>         <span class='comment_author_flag'/>       </b:if>                    <span class='comment_service'>      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>                  <data:comment.timestamp/>       </a><span class='reply-delete'><a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply comments'><i aria-hidden='true' class='fa fa-share'/></a><a class='comment-delete' expr:href='&quot;//www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'><i aria-hidden='true' class='fa fa-times'/></a> </span></span>  </span></div>     <b:if cond='data:comment.isDeleted'>      <span class='deleted-comment'><data:comment.body/></span>      <b:else/>      <p><data:comment.body/></p>                        <div class='clear'/>                          </b:if>                                          </div>                             <div class='clear'/>     &lt;/div&gt;     <div class='clear'/>              <div class='comment_child'/>    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>                 </div>   </b:loop>                </div>       <div class='clear'/>    <b:if cond='data:post.commentPagingRequired'>     <span class='paging-control-container'>       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>       &#160;       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>       &#160;       <data:post.commentRangeText/>       &#160;       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>       &#160;       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>     </span>    </b:if>    <div class='clear'/>  <div class='comment_form'>                   <b:if cond='data:post.embedCommentForm'>    <b:if cond='data:post.allowNewComments'>       <b:include data='post' name='threaded-comment-form'/>       <b:else/>       <data:post.noNewCommentsText/>    </b:if>    <b:else/>    <b:if cond='data:post.allowComments'>     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>    </b:if>   </b:if>  </div> </b:if></div>                      <script type='text/javascript'>       //<![CDATA[       if (typeof(jQuery) == 'undefined') { //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}       //]]>       </script>           <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>       <script type='text/javascript'>              <b:if cond='data:post.numComments != 0'>         var Items = <data:post.commentJso/>;         var Msgs = <data:post.commentMsgs/>;         var Config = <data:post.commentConfig/>;        <b:else/>         var Items = {};         var Msgs = {};         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};        </b:if>       //<![CDATA[       //Global setting        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true             //Pengaturan Emoticon        Emo_List = [':)'   ,'//twemoji.maxcdn.com/36x36/1f600.png',':('   ,'//twemoji.maxcdn.com/36x36/1f615.png','hihi'  ,'//twemoji.maxcdn.com/36x36/1f601.png',':-)'   ,'//twemoji.maxcdn.com/36x36/1f60f.png',':D'   ,'//twemoji.maxcdn.com/36x36/1f603.png','=D'   ,'//twemoji.maxcdn.com/36x36/1f62c.png',':-d'   ,'//twemoji.maxcdn.com/36x36/1f604.png',';('   ,'//twemoji.maxcdn.com/36x36/1f61e.png',';-('   ,'//twemoji.maxcdn.com/36x36/1f62d.png','@-)'   ,'//twemoji.maxcdn.com/36x36/1f616.png',':P'   ,'//twemoji.maxcdn.com/36x36/1f61c.png',':o' ,'//twemoji.maxcdn.com/36x36/1f62e.png',    ':&gt;)','//twemoji.maxcdn.com/36x36/1f606.png',    '(o)' ,'//twemoji.maxcdn.com/36x36/1f609.png',    ':p' ,'//twemoji.maxcdn.com/36x36/1f614.png',    '(p)' ,'//twemoji.maxcdn.com/36x36/1f619.png',':-s' ,'//twemoji.maxcdn.com/36x36/1f625.png','(m)' ,'//twemoji.maxcdn.com/36x36/1f620.png','8-)' ,'//twemoji.maxcdn.com/36x36/1f60e.png',':-t' ,'//twemoji.maxcdn.com/36x36/1f624.png',':-b' ,'//twemoji.maxcdn.com/36x36/1f634.png','b-(' ,'//twemoji.maxcdn.com/36x36/1f635.png','$-)' ,'//twemoji.maxcdn.com/36x36/1f4b5.png','(y)' ,'//twemoji.maxcdn.com/36x36/1f44d.png','x-)' ,'//twemoji.maxcdn.com/36x36/1f60d.png','(k)' ,'//twemoji.maxcdn.com/36x36/1f496.png',        ];                                                                 //Config Force tag list, define all in lower case                                Force_Tag = [                                    '[pre]','<pre>',                                    '[/pre]','</pre>',                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',                                    '</pre>','</code>'                                ];   eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}));    //]]></script></b:includable>

Bagian 3

Ganti kode berikut ini: 
<b:includable id='iframe_comments' var='post'/>

Dengan kode dibawah ini:
<b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable> 

Bagian 4

Ganti kode berikut ini:
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/> 

Dengan kode dibawah ini: 
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
    <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) {
        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) {
                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>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
      <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>

Kemudian simpan tema. Dan lihat hasilnya.

Demikian tutorial Cara Mengembalikan Komentar Disqus (permanen) Menjadi Komentar Blogger. Semoga tutorial ini bisa bermanfaat dan membantu anda. Good luck! Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com.

sumber referensi
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo