Memasang Threaded Comments Hack Blogger

ch
Memasang Threaded Comments Hack Blogger - Selamat siang setelah sebelumnya telah memposting tentang valid html5 ,pada kesempatan kali ini saya akan membagikan threaded comments hack modifikasi +Kang Adhy  dari +Kang Ismet. Threaded Comments ini sudah valid HTML 5 baca: Cara Membuat Blog Valid HTML5.


Untuk memasang Threaded Comments Hack ini Anda bisa ikuti cara berikut :

1. Masuk Dasbhor Blogger > Template > Edit HTML
2. Cari Semua Kode HTML berikut:
<b:include data='post' name='threaded_comments'/>
3. Ganti dengan kode berikut:
<b:include data='post' name='comments'/>
4. Letakkan kode dibawah ini diatas kode ]]></b:skin>
#comments{}
#comments h3 {margin-bottom:25px;font:24px Oswald;text-transform:uppercase}
.comment_avatar { height: 48px; width: 48px; background: #F0F0F0 url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center; float: left; margin-top: 5px; margin-right: 10px;border:5px solid #d2d2d2; overflow: hidden;transition:all 400ms ease-in-out }
.comment_name { color: #444;font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 8px;text-transform:uppercase }
.comment_name a { text-transform: uppercase; font: 20px Oswald; color:#444;text-decoration:none}
.comment_name a:hover { color: #0088b2;text-decoration:none; }
.comment_service{float:right;margin-right:0;margin-top:-20px;position:relative}
.comment_service a{display:inline-block}
.comment_body p {font:14px "Open Sans","Trebuchet MS",Helvetica,sans-serif; line-height: 1.3em; }
.comment_body {margin:5px 0 20px 56px;border-top:5px solid #d2d2d2;padding:0 60px 0 10px;position:relative; transition:all 400ms ease-in-out}
.comment_date { color: #999; font-style: italic; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal;margin-right:20px }
.comment_area:hover .comment_body {border-top:5px solid red}
.comment_area:hover .comment_avatar{border:5px solid red; border-radius: 50%;}
.comment_area:hover .comment_reply{opacity:1}
.comment_child .comment_body { margin-top: 5px; margin-bottom: 30px; margin-left:48px }
.comment_child .comment_wrap {padding-left: 40px}
.comment_reply {box-shadow:inset 0px 1px 0px 0px #fce2c1;background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);background-color:#ffc477;border-radius:3px;border:1px solid #eeb44f;display:inline-block;cursor:pointer;color:#ffffff;font-family:arial;font-size:11px;font-weight:bold;padding:4px 16px;text-decoration:none;text-shadow:0px 1px 0px #cc9f52; float:right; position:absolute; right:0; top:8px;opacity:0;transition:all 400ms ease-in-out}
.comment_reply:hover { text-decoration: none;background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);background-color:#fb9e25;}
.comment_admin .avatar-image-container {}
.unneeded-paging-control {display: none;}
.comment_reply_form{padding:0 0 0 48px}
.comment_reply_form .comment-form {width: 100%}
.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; }
.comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px;}
.comment_form a { color: #2f6986; text-decoration: none; }
.comment_form a:hover {color: #2f6986; text-decoration: underline;}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {box-shadow:inset 0px 1px 0px 0px #f5978e;background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);background-color:#f24537;border-radius:3px;border:1px solid #d02718;display:inline-block;color:#ffffff;font-family:arial;font-size:12px;font-weight:bold;padding:1px 8px;text-decoration:none;text-shadow:0px 1px 0px #810e05;position:absolute;margin:3px 0 0 10px}
a.comment-delete{float:right;position:absolute;top:4px;right:0; font-size: 16px;color: #999}
a.comment-delete:hover{color: red}
#comment-editor {width:103% !important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%;margin-left:-8px}
.comment-form {max-width: 100%;!important;margin-top:25px !important}
.comment_emo_list .item {float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.comment-form p {background: #666;padding: 10px;margin: 5px 0 5px 0;color: #eee;font:14px "Open Sans","Trebuchet MS",Helvetica,sans-serif;line-height: 20px;width:97.5%;border-radius:3px;position:relative;}
.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-15px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent;}
iframe{border:none;overflow:hidden}
.deleted-comment{display:block;color:#333;font:italic 13px Arial;word-wrap:break-word;margin-top:10px;}
5. Ganti Kode berikut :
<b:includable id='comments' var='post'>Bla Bla...Sampai...</b:includable>
6. Dengan kode 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_area'>
             <div class='comment_header'>
             <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
              <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'>Admin</span>
               </b:if> 
              </div>            
              <div class='comment_service'>
               <a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>             
               <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>&#10006;</a>
              </div>
              <div class='clear'/>
             </div>
             <div class='comment_body'>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
<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='Balas'>Balas</a>                                                            <div class='clear'/>                                         
              </b:if>                                       
             </div>
              <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            </div>
            <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'><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=\"http://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 = 6;//How threaded level that you want
        Display_Emo = true;//Display emoticon or not? set "false" to no display
        Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
        Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
                                Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
       
        //Config emoticons declare
        Emo_List = [
        ':)'  ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
        ':('  ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
        '=('  ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
        '^_^'  ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
        ':D'  ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
        '=D'  ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
        '|o|'  ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
        '@@,'  ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
        ';)'  ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
        ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
        ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
        ':p'  ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',     
        ];
       
                              
                                //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>
7. Simpan Template

Semoga bermanfaat dan selamat berkreasi :)

Thanks  +Kang Adhy dan +Kang Ismet

96 Responses to Memasang Threaded Comments Hack Blogger

  1. Wah mantab nih, bisa di coba, Thread comment saya aktifnya di Hp aja gan. Kalo di PC gak bisa

    ReplyDelete
    Replies
    1. gimana caranya yang lewat hp mas

      Delete
    2. kok aneh ya mas, threaded comment hack kok gak bisa nampil di kompi tetapi hanya bisa narsis di hp saja :D bukankah malah sebaliknya kira2 :)

      btw info buat mas mawan: iklan GA ukuran 300x600 yg dipasang disidebar kanan itu melanggar kebijakan penempatan iklan mas, karena tdk bisa bergerak turun naik secara normal saat menggulir kebawah, dan itu disebut iklan lekat yg melanggar kebijakan program adsense :(

      saran saya sebaiknya jgn menempatkan iklan adsense di bagian itu sebelum dibanned :) mohon maaf sebelumnya ya mas jika saya memberanikan diri menuliskan saran ini, krn ini demi keselamatan akun sahabat saya :)

      info selengkapnya silakan baca disini:
      https://support.google.com/adsense/answer/3394713?hl=id#2

      Delete
    3. saya kurang tahu mbak,hehe soalnya gak pernah pakai HP ,mohon maaf yah :)

      Delete
    4. klo masalah iklan ini saya juga baru tahu. trims udah berbagi informasi ya, mbak

      Delete
    5. @Mbak Indri : saya malah jarang buka pakai HP jadi gak tahu tentang masalah ini :D hehe

      untuk iklan GA: makasih banget mbak sudah mengingatkan iya, sangat membantu terutama buat saya sendiri :) ,dan makasih lagi sudah menganggap saya sebagai sahabat :)

      @Mas Budi: sangat bermanfaat ya mas budi , kelihatan jarang buka TOS nih,hehe

      Delete
    6. Gak tau kenapa ya. kok saya malah aneh threaded commentnya aktif kalo di HP aja, mangkanya saya udah jarang lagi balas pakai PC.

      Delete
    7. apa mungkin ada yg salah scriptnya yah.. hehe :D saya malah gak pernah pakai hp hehe

      Delete
    8. makasih sama2 mas budy shinichi :D
      makasih juga sama2 mas mawan :)

      Delete
    9. saya masih banyak belajar nih sama mbak Indri ^_^

      Delete
    10. This comment has been removed by a blog administrator.

      Delete
  2. mantap ni mas boleh disimpan dulu buat referensi saya :D

    ReplyDelete
  3. Threaded Comments Heck memang Mantaff... saya juga menggunakannya tapi masih versi yang lama :)

    ReplyDelete
  4. asyik juga ya mas kalau ada thread comment nya. Jadi lebih mudah untuk menjawab komentar dari pengunjung. Dan pastinya jumlah komentar juga akan semakin banyak nantinya dengan thread comment ini :)

    ReplyDelete
    Replies
    1. iya mbak..hehe punya mbak ririn kenapa gak pakai :D

      Delete
  5. oce mas, langsung di coba ajah nih takut ketinggalan
    hehehehe :)

    ReplyDelete
    Replies
    1. iya mas fer, nanti kalau ketinggalan nyesel loh,, hehe kayak mau naik kereta aja yah =D

      Delete
  6. keren nih mas threaded comments hacknya, ntar saya praktekkan jika template saya uda ganti yg besar :D makasih sharingnya :)

    ReplyDelete
    Replies
    1. sama-sama mbak indri.. wah sudah mempersiapkan template baru yah :) jadi penasaran nih =D

      Delete
  7. Saya BM dulu mas kalau buat saya yang masuk html susah e
    makasih infonya

    ReplyDelete
    Replies
    1. sama-sama mbak Indah :) silahkan di BM dulu :D

      Delete
  8. langsung ke TKP mas, mau coba copy kodenya buat dummy blog saya.

    ReplyDelete
    Replies
    1. silahkan mbak Devi :) buat percobaan yah =D

      Delete
  9. Alhamdullilah saya udah pasang ini threaded commnets hack

    ReplyDelete
  10. saya make defaultnya aja..ribet mau edit2 lagi mas. :)

    ReplyDelete
  11. threaded comment saya kayaya udah jadul nih...
    kapan-kapan ini bisa saya coba sob, trims sharingnya yah...

    ReplyDelete
    Replies
    1. sama-sama mas :) iya silahkan kalau mau dicoba :D

      Delete
  12. Manteppp Ijin nyoba ...............

    back http://ridwan-hex.blogspot.com/2014/02/update-faster-vsand-v2-blogger.html

    ReplyDelete
  13. dg threaded jadi lebih komunikatf, makasih triknya mas..
    saya malah blom pasang

    ReplyDelete
    Replies
    1. sama-sama mas :) saya juga belum pasang di blog ini :D

      Delete
  14. Replies
    1. sama-sama mas rohis :D emg keren kalau kita pandai mengeditnya :)

      Delete
  15. asyik juga ya mas kalau ada thread comment nya di blog :)
    jadi bisa buat diskusi :)

    ReplyDelete
    Replies
    1. iya mbak ririn.. jadi lebih nyaman bacanya :)

      Delete
  16. perlu di coba nih..mas bintang..!..walo ane gak ngerti kode2..heheheh

    ReplyDelete
  17. Pengen banget sih nerapin ke blog saya , tapi udah engga bisa ganti thread comment nih , gk tau kenapa pas ganti pasti tampilan nya acak adul :(
    Waktu itu juga udah pernah nyoba sampe otak-atik Blog1 tetep ajah acak-acakan tampilan nya :(
    Minta solusi nya ajah deh kang biar bisa gonta-ganti thread comment :) #Thx

    ReplyDelete
    Replies
    1. mungkin ada yang bentr kodenya kang,, :) solusinya coba di atur ulang misal hapus CSS comment sebelumnya dan ganti dengan yang baru :D

      Delete
  18. saya ingin mencoba modifikasi thread comment ala mas Adhy ini tapi masih nunggu koment blog saya sempurna dulu..

    ReplyDelete
    Replies
    1. iya satu2 dulu mbak.. :) biar gak bingung nantinya =D

      Delete
  19. wah keren ini,, jadi lebih berwarna :D

    ReplyDelete
  20. wah jadi keren ya mas... berwarna lagi..

    followback sukses mas, cuma gak kelihatan ya?

    ReplyDelete
  21. This comment has been removed by the author.

    ReplyDelete
  22. Nice post gan,, back ya http://cyber-ramzky.blogspot.com/

    ReplyDelete
  23. check over here Wonderful blog! I found it while surfing around on Yahoo News. check that Do you have any tips on how to get listed in Yahoo News? check this I've been trying for a while but I never seem to get there! Cheers check this link right here now

    ReplyDelete
  24. blogwalking gan

    http://www.soft-maxx.com/

    ReplyDelete
  25. bro , request threaded comment hack kaya kang ismet dong , atau kaya blog ini ,

    www.rhizovuns.com

    ReplyDelete
    Replies
    1. ok nanti dibuatin tutorialnya,, makasih yah :)

      Delete
  26. comment hack ini udah pernah saya coba yang buatan kang ismet ditemplate yg saya pakai, tetapi tidak bisa.
    tapi saya akan coba versi kang Adhy, semoga saja bisa :D

    ReplyDelete
  27. wew ternyata ada yang di rubah juga ya, kiran yang di ganti cuma kode #comments{} bla bla bla....
    pantes aja punya ane gak bisa. thank ya

    ReplyDelete
    Replies
    1. asal ngikut petunjuk pasti bisa kok soalnya sudah di uji coba :)

      Delete
  28. maaf dik , baru kali ini sy koment ,
    ijin makai tipsnya yg di atas ,
    maklum , sy masih buta masalah pengkodean...
    salam yah. moga sehat selalu.

    ReplyDelete
    Replies
    1. iya mas.. silahakan dan makasih atas do'anya :)

      Delete
  29. Keren nih mas .. tapi kenapa yah namanya kejauhan sama garis gak seperti punya mas ..
    >>> http://s24.postimg.org/xqrhk3ddx/untitled.jpg

    kira kira apa yang perlu diperbaiki ya mas ??
    maaf newbie :D

    ReplyDelete
    Replies
    1. kadang margin terlalu lebar coba atur lagi,, atau gak coba pakai cara asli dari kang adhy di http://www.kompiajaib.com/2014/01/modifikasi-threaded-comment-hack-style.html :)

      Delete
    2. Iyaa mas, garis di bawah bukan di tengah. Udah 2 hari otak-atik tetep aja PUYENG hehehe. Kalo pake cara asli kompiajaib.com HTML error mas, makanya saya nyontek sini. Mohon bantuannya.

      Delete
    3. loh kok malah error padahalaslinya dari sana loh :D dipasang di blog mana mas?

      Delete
  30. Saya pasang di blog imyonrosadi.blogspot.com , kalo ada kode yang harus di ganti, kode yang mana yaa mas? Kode yang di atas ]]> atau <b:includable id='comments' ?? Maaf, newbie emang kaya gini mas, KEPO :D

    ReplyDelete
  31. Wah Ane Kurang Paham Nie Maklum Pemula trims udah berbagi informasi ya

    ReplyDelete
  32. tutorial Yang Bagus Boleh Juga Saya coba dulu

    ReplyDelete
  33. wow nice artikel gan, sanggat membantu saya, maklum masih newbie

    ReplyDelete
  34. kok pada mode mobile tidak muncul komentarnya

    ReplyDelete
  35. singgah sini sambil baca-baca

    ReplyDelete

Note:
► Silahkan Berkomentar Sesuai Tema.✔
► No LINK. SPAM & PROMOSI ✘
► Segala Komentar Yang Masuk tidak Saya Moderasi ✔
► Dilarang Promosi (kecuali Ijin Admin ) ✔
► Link Hidup = Hapus.✔