Memodifikasi Thread Comment Blogger

Memodifikasi Thread Comment Blogger - Banyak yang menanyakan bagaimana cara membuat thread comment hack buatan Kang Ismet ini, disini saya memcoba memodifikasi ya walaupun hanya pada cssnya, :D

Pada tutorial sebelumnya Memasang Thread Comment Hack Blogger modifikasi kang Adhy, Untuk Demo silahkan klik disini
ch
Penampakan pada Demo
dtc
(gambar dari: blog.rismawan.com)

Untuk Caranya silahkan ikuti cara berikut:

1. Masuk Dashboard Blogger > Template > Edit HTML
2. Masukan Kode CSS berikut di atas kode ]]></b:skin> atau </style>
#comments {line-height:1.4em;margin:0;position:relative}
#comments h3{border-radius:4px 4px 0 0;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-53px;background:#95a5a6;color:#fff;padding:10px;padding-left: 0;;}
#comments h3:before {content: "\f0e6";font-family:fontAwesome;font-size:22px;font-style: normal;background-color:#7f8c8d;color:#fff;border-radius:4px 0 0 0px;top:0;left:0;padding:10px 20px;position:relative;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #cfcfcf;
background:#e0e0e0;
padding:4px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#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;
}
.comment_name a {
font-family:Oswald, Arial, Sans-serif;
padding-bottom:10px;
color: #000;
font-size:14px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-family:Oswald, Arial, Sans-serif;
padding-bottom:10px;
font-size:14px;
text-decoration: none;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
font-family:Oswald, Arial, Sans-serif;
padding-bottom:10px;
font-size:14px;
font-weight:normal;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #333;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-top:-72px;
margin-left:65px;
border: 1px solid #dcdcdc;
background:#fff;
padding:15px;
color: #333;
}
div.comment_inner.comment_admin{
background:#848B93;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #333;
font-size: 13px;
word-wrap:break-word;
padding-bottom:10px;
}
.comment_inner {
padding: 15px;
margin: 5px 0 5px 0;
background-color:#bdc3c7;
}
.comment_child .comment_wrap {padding-left: 5%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #555;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #333;
}
.unneeded-paging-control {display: none;}
#comment-editor {width:100% !important;background:#d9d9d9 url('http://4.bp.blogspot.com/-vA1KWLaoFRE/U3aqln8nW0I/AAAAAAAABpw/LPCikaWe1ho/s1600/MAzmaw-loader.gif') no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative;}
.comment-form {max-width: 100% !important;}
.comment_form a {display: block;background: #7f8c8d;color: #fff;text-decoration: none;text-transform: capitalize;text-align: center;border-radius: 10px 10px 0 0;}
.comment_form a:hover {background:#95a5a6;text-decoration: none;transition: 1s ease-out 0.5s}

.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
img.comment_emo {margin:0;padding:0;vertical-align:middle}
.comment_emo_list{
    display:none;
    clear:both;
    width:100%;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 5px 0 0;
height: 40px;
width:55px;
color:#999;
}
.comment_emo_list span {
display: block;
font-weight: normal;
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_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display:inline;background:#2d2d2d;font:12px Oswald;font-weight:400;padding:2px 6px;margin-left:8px;margin-top:-5px;color:#fff;text-transform:uppercase;}
iframe{border:none;overflow:hidden}
.deleted-comment {
background:#daabab url(http://4.bp.blogspot.com/-Yj5ewidrX5Q/UkrG9s3fS5I/AAAAAAAAFrQ/rhhaMJwHDoc/s1600/tempat-sampah.png) no-repeat 2% 50%;
color:#fff;
line-height: 22px;
padding:10px 15px 10px 45px;
margin:5px 0;
display: block;
font-size:13px;
}
.comment-form p {background: #e74c3c;padding: 15px 15px 14px 15px;margin: 15px 0 5px 0;color: #f4f4f4;font-size: 13px;line-height: 20px;border-radius:4px;position:relative;}
.comment-form p:after{content:'';width:0;height:0;position:absolute;top:100%;left:20px;
border:8px solid transparent;border-color:#e74c3c transparent transparent ;z-index:999;}
div.comment_avatar img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s45-c/gravatar.png);}
div:target .comment_inner{background:#d1dee8;transition:all 15s ease-out;}
div:target .comment_child .comment_wrap .comment_inner{background:#e9e9e9;} 
iframe{border:none;overflow:hidden}
Karena kode diatas menggunakan Font Awesome,Baca : Cara Menggunakan Font Awesome di Blogger
3. Bila anda belum menggunakan thread comment ini silahkan ganti semua kode
<b:include data='post' name='threaded_comments'/>
dengan kode
<b:include data='post' name='comments'/>
4. Cari kode pada Komentar berikut
<b:includable id='comments' var='post'>Bla Bla...Sampai...</b:includable>
5. Ganti kodenya dengan 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>
<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>
                         
     <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'>Admin</span>
       </b:if>   
                  <span class='comment_service'>
      <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'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></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'>   
      <div class='comment_emo_list'/>
     <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=\"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;//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 = [
        ':)'  ,'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>
6. Simpan Template.

Silahakn edit sendiri sesuai keinginan anda. Semoga bermanfaat

63 Responses to Memodifikasi Thread Comment Blogger

  1. satu perkongsian serta panduan yang menarik....

    ReplyDelete
    Replies
    1. terima kasih sist Farah :)

      Delete
    2. http://static.giantbomb.com/uploads/scale_super/1/15606/1455472-1139359_thumbs_up_super.jpg

      UP UP UP ...

      Delete
    3. Wih pasang link sekalian, hehe :D

      Delete
  2. Paling laris nih thread koment karya kang ismet dan Kang adhy ya mas

    ReplyDelete
    Replies
    1. bener mas,, saya juga pakai ini =D

      Delete
    2. ini template juga laris banget lho di luar sana..karya kang adhy juga ya...? cloning template kang ismet juga bertebaran dimana2 hehehe

      Delete
    3. iya bener mas, sampai luar negeri juga pakai template ini.. pokoknya keren deh :D

      Delete
    4. So pasti designnya jg halus banget

      Delete
  3. wah.. keren banget bos... ijin kopi kodenya yia bos, sekalian praktek, hehehe...

    ReplyDelete
  4. Wah keeren habis gan... perlu banyak belajar dari agan ni...

    ReplyDelete
    Replies
    1. makasih mas.. ayo belajar bareng mas :D

      Delete
  5. This comment has been removed by the author.

    ReplyDelete
  6. membuat kolom komentar jadi lebih menarik ya mas :)

    ReplyDelete
  7. Mau dong di modifikasi :D .. kebetulan saya mau modifikasi prinsip nih .. bisa gak gan?

    ReplyDelete
    Replies
    1. kan kang rian lebih jago dari saya,apa yang harus saya bantu kang.. sepertinya kalau ganti seperti ini kang rian sudah bisa :)

      Delete
  8. Main CSS lagi.. Hihihi.. :p
    Izin masukin list ya Bang, buat latian. Tengkyuuu ^^

    ReplyDelete
    Replies
    1. sama-sama sis :) silahkan asal jangan dimasukin dalam blacklist :D

      Delete
    2. Hahah.. Ya engga laaah. Ngapain jugak dimasukin ke blacklist :D

      Delete
  9. keren mas sob, warnanya bisa jadi refrensi buat di modifikasi :)

    ReplyDelete
    Replies
    1. iya bisa di ganti warna sesuai keinginan :D

      Delete
    2. ok siap di tambah yang aneh aneh nanti :D

      Delete
  10. tidak terlalu sulit juga ya, ya ini cuma memodifikasi :D

    ReplyDelete
  11. Ini ga asingl lagi mas, namun sangat membantu dalam menerapkannya, makasih mas.

    ReplyDelete
    Replies
    1. iya benar pak,, sudah banyak bertebaran di google apalagi di blog si pembuatnya :)

      Delete
  12. ijin bookmark dulu gan...nanti ane cobain...makasih sharenya

    ReplyDelete
  13. Replies
    1. iya mantep pokonya mas heri comment hack v3 :D

      Delete
  14. kalo kolom komentarnya keren, yang mo komen juga jadi semangat. lagsung praktek ah...

    ReplyDelete
    Replies
    1. hehe,, itu salah satunya mas dari kelebihan threat koment ini :D

      Delete
  15. Gan ajarin dong bikin emoticon :asik

    ReplyDelete
    Replies
    1. iya nanti di coba buat tutorialnya ya.. :)

      Delete
  16. Kang Ismet emang keren banget ya gan :yes

    ReplyDelete
  17. Yg suka responsive, otak atik bagian ini bisa menghasilkan responsive
    .comment-body
    .comment-header
    .comment-reply
    .comment-delete


    http://s28.postimg.org/jn6l9mdod/10304500_497471120399630_5293704297162672272_n.jpg

    ReplyDelete
    Replies
    1. makasih sist dian ,sangat membantu :)

      Delete
  18. Tetap dengan yang sekarang saja mas saya :) jadi jarang ol solanya, hehe

    ReplyDelete
    Replies
    1. iya kemana aa,, tapi sekali koment langsung banyak :D

      Delete
    2. Wkwkwk, memang saya usahakan gitu gan, hehehe :D

      Delete
  19. uwooww, emang keren kang ismet..
    mas mawan juga :D

    salam kenal dari sebrang yaa...

    ReplyDelete
    Replies
    1. makasih.. sis maryam uga kok :) inspirasi kita semua itu kag ismet :) salam kenal kembali :)

      Delete
  20. aakkkkk, klo bahas thread comment aku suka angkat tangan (*jujur)
    kenapa?
    karena suka lupa tadi utak atik scriptnya sampai mana >.<

    eh, iya kamu ta nggak kenapa klo threaded comment gabisa dipasang emoticon?
    aku uda edit ini itu, bisa sih muncul kode di atas kolom komentarnya, tapi pas di aplikasikan malah gak mau muncul emotnya >.<

    ReplyDelete
    Replies
    1. biasanya kalau pakai thread comment sudah ada emoticonnya,, coba pakai cara ini [LINK}

      Delete
    2. lha itu dia, punya aku gak ada -_-
      iya, udah nyoba itu yang punya kang ismet, dan itu yang aku maksud pas dipasang gak bisa di aplikasi in >.<

      Delete
    3. nanti coba dicariin solusinya,, mau otw dulu :D

      Delete
  21. Tambah keren saja mas thread comment nya :-bd :)

    ReplyDelete
  22. Rekomendasi blog yang wajib di follow. Kalo cara nambahin konversi, emoticon sama follow gimana mas?

    ReplyDelete
    Replies
    1. untuk penambahan konversi belum di buat tutorialnya mungkin bisa cari di google dulu,, untuk penambahan emoticon setelah koma misal ':p' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',

      ket:
      ':p' = kode yang akan ditampilkan untuk emotikon
      http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif silahkan isi dengan gambar emotikon yang sudah di upload dengan url


      Delete

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