Modifikasi Threaded Comment Hack Style 2 Kang Ismet

Modifikasi Threaded Comment Hack Style 2 Kang Ismet

Bola Hero Gawai

Modifikasi Threaded Comment Hack Style 2 Kang Ismet

Modifikasi Threaded Comment Hack
Jika Anda sedang mengoptimasi validasi HTML5 di area postingan blog, maka salah satu unsur yang harus Anda benahi adalah elemen komentar postingan blogger. Rekomendasi saya yaitu gunakan threaded comment hack dari +Kang Ismet agar komentarnya menjadi valid HTML5. Ada dua style yang Kang Ismet berikan, dan kini saya akan share modifikasi threaded comment hack dari Kang Ismet dengan menggunakan style yang kedua.

Di sini saya hanya merubah beberapa style kode CSS-nya, kemudian menghapus beberapa kode CSS yang tidak diperlukan, dan mengganti gambar icon hapus komentar dengan kode HTML agar menjadi lebih ringan.

Modifikasi Threaded Comment Hack


Bagaimana tertarik untuk mencobanya? Silahkan gunakan kode CSS dan HTML-nya di bawah ini. Untuk cara pemasangannya silahkan lihat pada postingan Kang Ismet pada link di bawah postingan ini.

Kode CSS:

#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;}

Kode HTML:

<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>

Cara pemasangan Threaded Comment Hack: http://blog.kangismet.net/2013/09/blogger-threaded-comments-hack-v3.html

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

66 Comments Add Comment

Wih keren kang :)
Tapi masih setia dengan style 3 aja :D

Balas

Iya mas ini hanya sebagai alternatif aja hehehe :D

Balas

Mantab kang...
ijin nyimak aja dulu

Balas

lebih bervariasi ya mas, keren abis deh :-bd

Balas

berarti kalau menggunakan komentar hack style2 kita tinggal ganti CSS ya :)

Balas

perubahannya keren Kang, pengen nyoba tapi malas utak utik Kang, kalau pake ini berarti semua kode yang lama di hapus ya Kang...???

Balas

Apal lah nu di Panoramasia.. heheheh :-bd

Balas

Di terapkan dulu kang andy :D
Biar seperti matahari walaupun sendiri tapi tetap bersinar wkwkwk
di coba thread nya ah

Balas

blog barunya mas Adhy ya...?

Balas

Waduh mas prisma memilih setia :D

Balas

kalau di buat bahasa linggis dan dalam 7 bulan visitor luar bisa sampai 1k, bakalan bisa dibuat adsense tu....!

Balas

Silahkan bung :)

Balas

Ada beberapa penambahan kode pada kode HTML, tapi susunannya tetap sama coba periksa aja gambar delete komennya sama <div class='comment_area'>

Balas

Biar gampangnya iya tinggal ganti kode yang lama :)

Balas

@Kang Ismet: Hehhehe muhun kang.... ti kamari aya nu ukeun komen nu ieu, sebagai gantinya pasihan we nu eta hehehhe :D

@Mas Andre: Iya mas nanti saya coba heheheh :)

Balas

Hehehehe silahkan mas :)

Balas

hehe iya mas ada sedikit perubahan ternyata :)

Balas

Wew mantep bnr kang (y)

Balas

hebat emang para mastah nih yaa post coment juga bisa di hack
jd menambah semngat utk belajar terus
:)

Balas

Keren Kang Adhy modifikasinya
Kreatif deh. ijin simak yah Kang :)

Balas

terima kasih tutorialnya bang sudah saya terapkan di blog saya
kalau boleh tanya bagaimana ya kang cara ganti backgroundnya misalnya jadi seperti di blog akang ini
terima kasih sebelumnya

Balas

Keren Kang... atraktif dan inovatif, comment heck na |o|

Balas

Mantep kang terlihat lebih simpel.. Kereen :-d

Balas

Makasih hhhehe :)

Balas

Silahkan pelajari mas :)

Balas

Silahkan kang Saud :)

Balas

Kalau yang ini pakai style 1 dari kang Ismet :)

Balas

Hatur nuhun kang :D

Balas

Makasih mas :D

Balas

Keren Mas , Izin Nyoba Sekalian Yo... :-bd

Balas

Ditunggu Kunjungan Baliknya Ya Mas :-bd

Balas

tambah keren + menarik kang xD

Balas

Silahkan mas... :) siippp :D

Balas

Hehehehe makasih :)

Balas

bikin ngiler orang yang datang, pastinya banyak yang ngintip tuh wkwkwk

Balas

heeheehe... :D

Balas

ok kang...
ijin tes kang =D

Balas

Bener-bener keren banget kang :D

Balas

saya pake yang style 2 Kang :) nah..Kang Adhy saya mau nambah tulisan "ADMIN" ( saya mau ganti author...yang ada di style 2 ) kayak demo di atas. gimana cara menerapkannya di comment hack style 2 ala Kang Ismet??Thanks :)

Balas

Maaf kang maksud saya, saya pake yang style 1....

Balas

Kan saya orangnya setia, hehehe :D
Lebih nyaman aja dengan yang style 3

Balas

Yang sabar ya nunggu tuan rumah :D

Balas

Lumayan buat narik pengunjung ke Pangandaran :)

Balas

Silahkan mas hehehehe :D

Balas

Hehehehe makasih :D

Balas

Ganti kode css .comment_admin .comment_author_flag nya dengan yang di sini atau yang di Style 2 kang Ismet.

Balas

keyen kang ardhy ,, boleh di coba :)

Balas

Wuiiih keren pisan pokona mah, kalo kang Adhy yang bikin dah gak diragukan lagi pasti hasilnya top markotop :) cuma tinggal sayanya aja nie bisa gak mempraktekannya, liat kode-kodenya aja bejibun kayak gitu...sok langsung rarieut sirah puguh geh hehehe....

Balas

keren mas, comment blog saya akan saya ganti dengan ini, tapi sebelumnya saya mau tanya mas Adhy, kenapa jika saya membalas komentar blog dengan melakukan klik pada tombol BALAS, formnya tidak fix ya? malah kembali keatas
permasalah tersebut terjadi jika menggunakan Chrome

Balas

keren mas, udah sy cobain d blog sy dan trnyata sukses :)

Balas

wah anti mainstream nih... mantab kang..
tapi saya masih suka yang V3 entah kenapa :) , tapi bookmark aja deh buat jaga-jaga

Balas

Silahkan dicoba aja :D

Balas

Hehehehe kedah nuang paramex heula atuh nya kang =D

Balas

Iya barusan saya coba di blognya jadi loncat ke atas ketika klik tombol balasnya... kebetulan blm pernah ngalamin jadi blm ada solusinya, mudah2an nemu solusinya nanti saya kasih tahu mnak :)

Balas

Sama ini juga Threaded Comment Versi V3 kang Ismet mas namun yang dimodif itu Style 2 nya. :) kang di kang Ismet ada Threaded Comment Versi V3 - Style 1 dan 2.

Balas

okey, makasih mas.. akan saya tunggu :)
permasalahan ini juga saya sampaikan ke Kang Ismet tapi belum ada balasan :(

Balas

saya coba di blog http://nbtemplate.blogspot.com/ kok komentarnya gak bertingkat ya mas

Balas

Sudah saya praktekkan mas Adhy, Tampilannya sangat OK.
Tinggal saya check vaild HTML5 nya. Tapi saya mau lanjut di Comment-Form + Emo- nya dulu.
Terima kasih sudah dibagikan Modifikasi Threaded-comment Hack Style agar valid HTML5 ini.
Salam santun, Semoga tambah sukses dan sukses selalu KompiAjaib. Amiin.

Balas

Udah nyoba pasang tapi gak berhasil....padahal ngebet bgt pengin punya threaded comment kyk gini....problemnya: di reply tapi comment box nya gak mau bertingkat.. masih kayak nambah komentar biasa.... padahal udh otak-atik jquery nya...boleh minta pencerahannya?? Btw makasih banget ilmu nya... :-bd

Balas

blogwalking gan

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

Balas

mas minta javascript yg di threaded comment yg belum di packer dong

Balas

maaf nih kang, mohon bantuannya kang....kolom komentar saya gak lurus nih kang
nih kang ss-nya https://lh5.ggpht.com/6gFa3PFL1riGx6hnJL7ukba2FswKcl7Cm1WkyKS843SbtzH64SuBR9ky9EoJS9bRCgty=s170

Balas

Kang bantuin ini https://3.bp.blogspot.com/-fW1oWKlwIiU/Vy-a9fVQyOI/AAAAAAAAB2k/TO5shhr0viw5oJTyUe46BqnN08TsrpURQCLcB/s1600/Screenshot_1.png
sudah ane otak atik margin padding tetap aja isi komentarnya gak muncul/kelihatan

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×