Blogger Threaded Comments Hack V.3 - Setelah sebelumnya saya membagikan Threaded Comment V.1 dan V.2., kini saya akan membagikan Blogger Threaded Comments Hack V.3 yang merupakan update dari versi sebelumnya.threaded comments

Ada beberapa hal yang saya perbaiki pada V.3 ini diantaranya :
- Menghilangkan hcard error pada richsnippet
- Valid HTML 5
- Optimasi avatar menjadi lebih kecil

Pembaharuan 9 November 2013 : Perbaikan fungsi level dan pergantian icon smiley applause.gif

Untuk mengunakan blogger threaded comment ini, seperti biasa masuk ke Dasbor -> Template -> Edit HTML. Cari semua kode ini :

<b:include data='post' name='threaded_comments'/>

ganti dengan kode ini :

<b:include data='post' name='comments'/>

Untuk Threaded Comments V.3 ini saya sertakan 2 style,silahkan pilih mana suka.

Style 1


threaded comments v.3


Simpan kode ini di atas ]]></b:skin>

#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
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-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.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-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.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: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#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%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.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;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.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;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}

Kemudian ganti kode :

<b:includable id='comments' var='post'>...</b:includable>

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

Style 2


threaded comments v.3


Simpan kode ini di atas ]]></b:skin>

#comments {}
#comments h3 {margin-bottom:25px;font-size:18px;}
.comment-body-author { background: #FFFFFF; color: #008000; border: 1px dotted #008000; margin:0; padding:0 0 0 10px; }
.comment_share { color: #999999; cursor: pointer; font-family: verdana; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important;} 
.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-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.comment_name { color: #444;font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 5px;text-transform:uppercase } .comment-menu { float: right; list-style: none; width: 0px; height: 0; } .comment_name a { text-transform: uppercase; font-size: 18px; color:#444;text-decoration:none;}
.comment_name a:hover { color: #0088b2;text-decoration:none; }
.comment_body p { font-size: 14px; line-height: 22px; }
.comment_body { margin-top: 20px; margin-bottom: 20px;border:1px solid #d2d2d2;padding:20px 20px;position:relative; }
.comment_date { color: #999; font-style: italic; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal; } #comments .separate { color: #cccccc; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 40px; padding-left: 5px; padding-right: 5px; line-height: 10px;t: 15px; } #comments .author-mark { background: #d2d2d2; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 6px 2px 6px;font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display:inline; } .comment-share li.button a { background: #555; color: white; padding: 0 5px 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:none; } .comment-share li.button:hover a { background: #000; }#comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body { margin-top: 20px; margin-bottom: 30px; } .comment_child .comment_wrap {padding-left: 40px}
  .comment_reply { cursor: pointer;font-size: 11px; line-height: 1.5em; font-style: italic; max-width: 100%; background: #e1e1e2; font-weight: 400; padding: 2px 12px; color: #999;float:right;position:absolute;right:1px;bottom:1px;}
.comment_reply a { text-decoration: none; color: #999!important;float:right;position:absolute} 
  .comment_admin .avatar-image-container {} .unneeded-paging-control {display: none;} .comment-form {max-width: 100%;!important;margin-top:-15px !important} #comment-editor {width:101%!important}  .comment_reply_form .comment-form {width: 100%;} .comment_youtube {max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 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 {display:inline;background:#c9c9c9;font-size:13px;font-weight:normal;padding:2px 6px;margin-left:8px;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.1em}
  .comment-delete img{float:right;margin-left:10px;position:absolute;margin-top:7px;}
#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%}
  .comment-form {max-width: 100%;!important;margin-top:25px !important}
.comment_arrow {display: block;width: 18px;height: 9px;background: url(http://4.bp.blogspot.com/-_VlXxLi-qDE/UjAI-0V0uhI/AAAAAAAAFXs/RN-kNnRHAqc/s1600/comment-arrow2.png) no-repeat;position: absolute;margin-top: -29px;margin-left: -5px;}
.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-size: 13px;line-height: 20px;width:97%;border-radius:3px;position:relative;}
.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-16px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent;}
iframe{border:none;overflow:hidden}

Kemudian ganti kode :

<b:includable id='comments' var='post'>...</b:includable>

dengan yang 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'>
      <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' 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'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>
              </div>
              <div class='clear'/>
             </div> 
             <div class='comment_body'>
                <span class='comment_arrow'/>
              <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)'>Balas</a>                                                            <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'><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>

Catatan Update :

v1 - 25.02.2012
  • release
v2 - 29.12.2012
  • Pop up Removed
  • Added Smiley
  • Added Image URL
  • Added Youtube URL
v3 - 11.09.2013
  • Fixed hcard issues
  • Valid HTML5
  • Fixed Avatar Size and Speed
Special thanks to +Kompi Ajaib

263 komentar

«Paling tua   ‹Lebih tua   1 – 200 dari 263   Lebih baru›   Terbaru»

wew mantab kang... wew blognnya di desain lagi nih,,,

#salam damai

Balas

iseng2 aja sob.. salam damai juga :)

Balas

kang kayanya kang ismet salah tulis deh :D seharusnya yang paling bawah itu v3 - 11.09.2013.. bukan v2 - 11.09.2013 :) hehe

Balas

wah jeli juga... makasih sob :)

Balas

Entah apa yg terjadi .. tampilan post homernya itu lho .. anehnya konsepnya mendadak sama haha ..
entahlah kang .. padahal saya teh tidak melihat anu akang sumpah tah daek bisul salelembur hehe .. boro-boro melihat anu akang da papuket gening maklum kang pemula mah

Balas

tapi sumpah kang ..ieu blog lamun ditilik ti gigir lentik di teuteup ti harep sieup matak murag cai panon kang ( terharu ) .. tampilan na itu loh wowwww amazing !! TE.O.PE lah

Balas

Mantap banget kang..
Saya coba Threaded Comments-nya :)

Balas

tempe udah jadi tahu wkwkwk

Balas

murag ci panona teu ka peungpeureunan kan? meuni murwakanti kitu eta basa...

Balas

enya nya.. meuni akur berobah teh :) keun we lah..

Balas

Sepertinya pake komentar lama lolos HTML5 ya kang ismet :)

Balas

betul kang... atau alternatifnya pake Google Plus. thanks for visiting :)

Balas

thanks juga sudah ngingatin adblock td ya :)

Balas

sama2 kang... izin pake ya thread commentnya :)

Balas

Mantap kang!
saya mau tanya nih, fungsi dari !Important pada CSS itu apa ya kang?
Terimakasih sebelumnya :)

Balas

master ketemu master jadi ngageter hehe

Balas

master mah kang oom, sayah mah masbro :)

Balas

important itu sesuai artinya, penting dan didahulukan. kadang2 ada CSS diluar yang tidak bisa diganti kecuali ditambah important

Balas

punten kang ismet...
bade naros ari jalan k langit palih mana.. ??? heheh
hereuy kang... ^_^

aynamah serius kang..
kalo mw nambahain emoticonnya gmn kang kan udah ada 21 biji, saya tambahin emo nya ko malah jd ga kluar emonya...?
gmn tah kang ... :p

Balas

berubah wujud templatenya.. keren ya, loading juga ringan hehehe |o|

Balas

biasanya kalau ga jalan, scriptnya ada yang kehapus jenderal ;)

Balas

kaya di film2 ya.. brubaaaah :)

Balas

Kang, da sayah mah nuju ngantosan template SIKASEP anu selanjutnya, kapan ieu teh? hehehe

Balas

whie tampilan blognya makin keren, tema warna yang pas lebih kalem :)

tutor komen hack ane cb dl kang, mkasih.

Balas

film satria baja hitam kang :D

Balas

gila sampe ada master nyasar ke ni blog xD

Balas

namanya juga nyasar... bisa kemana aja :)

Balas

mkasih sob.. silahkan dicoba

Balas

mantap kang.. salam kenal ya kang..

celco-blog.blogspot.com

Balas

design blog + tutorial hack comment = mantab :-bd

Balas

salam kenal juga sob... :-bd

Balas

meni hoyong meser nu template na, ganteng tea kang..hhhaaa :P

saya ada masalah sama css, males banget ngopreknya kang, tengkyu buat sharenya :)

Balas

lama gk mampir udah baru aja bajunya kang hahahay..
keren biar pengunjung gk bosen kang.. :D

Balas

gan ismet saya mau ganti font di postingan ,font yg seperti di blog ini,gimana yah?

Balas

soalnya desain kemaren kaya terlalu rame :)

Balas

ganti aja pake Google font

Balas

Widih..tampilannya ganti lagi kang. Pengeeeen yg kek beginian #mupeng

Balas

oh itu toh fungsinya ._.
terimakasih kang :D

Balas

gan mau tanya gimana cara agar gambar header gak muncul di sosmed (fb,g+) coba cek : https://plus.google.com/u/0/109085990200252443606/posts

Balas

heheheh... biar tampilannya lebih fresh.. apa tambah ancur ya? :)

Balas

coba simpan ini dibawah <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>

Balas

Blognya keren sekali mas, oh iya mau tanya mas, kalo di blog saya ini kok animasi css nggak jalan yah?, bisa tolong dicekin?

http://dharla-perdana.blogspot.com/2013/08/komentar.html

Balas

keren banget kang ismet thereaded commentsnya :-d memang mantap kang :-d :-d

Balas

Keren kang, Tampilannya baru :-d

Balas

saya ga ngeliat scc animation.. adanya tentang cloning :)

Balas

untung bukan wajah bau ya.... :D

Balas

mantap-mantap thread komen blogger hack yg skrng ini ,, apalagi bisa valid HTML pula :D

Balas

simple elegan kang! :), sy jg lg nyari tp yg thema hitam...

Balas

waw... mantap triknya kang...
simple banget.. dan izin coba.. ^_^

Balas

tinggal edit CSSnya aja sob :)

Balas

saya liat di meta tagnya ga ada, di test richsnippet juga belom muncul

Balas

kang ismet, ada gak tutorial artikel terkait yang muncul disamping sinebar, contohnya seperti di okezone dengan gaya hide dan show?

Balas

kaya recomendatin gitu ya? apa yang mana? kaya belum ada sih di blog saya :)

Balas

hehe memang belum ada kang, kan kang ismet bisa melakukan uji coba, saya ada coba di blog mas kompi (membuat sliding statis social widget) http://www.kompiajaib.com/2013/05/membuat-sliding-statis-social-widget.html, saya coba robakan, namun gagal kang ismet, ada solusinya?

Balas

nanti saya ujicoba.. kalau berhasil saya share.. tapi isinya artikel terkait kan ya?

Balas

benar kang, pasti bisa deh kalau kang ismet, emang ada dukun tutorial yang ga bisa ya? hehehe canda deh :)

Balas

wkwkkw.. tapi lumayan ribet nih, script sliding disatukan sama script related post :)

Balas

ribet sih gak masalah kang, yang penting ada scriptnya hehehe.. :-d

Balas

wah, ternyata blog kangismet redesign template ya
tampilan sekarang tambah keren
saya suka threaded comments nya

Balas

silahturahmi yuk di forum khusus kumpulan blogger cari saja kata kunci yuditpres di google pasti nemu .. thank salam kenal ..

Balas

Keren kang :-d ada yg ingin saya tanyakan, cara memvalidkan comment hack vinaluv bagaimana ya??

Balas

benahi adminnya biar ga copas :p

Balas

bagaimana menurut kang ismet tentang mas Nucky.P .N katakan itu?

Balas

Barusan coba pasang Threaded Comments Hack V.3, ane tes komen 'gambar' sama 'emo'ga tampil kang...pake versi sebelumnya (V.2) malah berhasil...

Balas

Nice gan :D

lop u 4eper wkwkw :D

www.kevin-432.blogspot.com

Balas

kang, setelah saya terapkan Style 2, yang saya heran kok jarak antara border sama tulisan komentar atas/bawah sangat jauh, padahal blog kang ismet normal. coba kang ismet ke blog saya bentar? minta solusinya kang.

Balas

oi.. kang ismet pada kemana sih?

Balas

udah bisa dipasang kang di blog saya.
tapi ada satu masalah, bagian pesan diatas kolom komentar agak bandel dan ngk mau diatur ukurannya. Jadi ngk bisa rapi keliatannya.
mungkin kang ismet ada solusi gimana ngatasinya?

sya sempet coba ngatur dengan nambahin elemen width atau margin ke css threaded-comment-form tapi gagal.

Balas

kalau standar punya saya, kodenya ini .comment-form p {, ga tau kalau ditambahin lagi :)

Balas

dibandingin saja sam komentar ini sob, pasti ketemu solusinya :)

Balas

di pengaturan JS, ganti 'false' menjadi 'true'

Balas

sorry mati lampu seharian :) saya liat udah normal ya?

Balas

iya kang, uda bisa nih, td saya coba mengunakan border-top di bagian .comment_body p, ternyata bisa hehehe. mungkin templatenya yang berbeda

Balas

coba mas cari kode ini .comment_body { margin-top: 10px; margin-bottom: 20px; ubah margin-top: 10px menjadi margin-top: 20px

Balas

hihih benar kang, dari pengalaman tadi jadi mengerti cara atur jarak. :)

Balas

Kang, ada teman coba pasang thread comment style 1 di atas tapi setelah dia pasang di blognya, kok komentar2 yg udah ada sebelumnya malah ilang dan yg muncul cuman nama pemberi komentarnya saja tapi isi komentarnya malah ilang. Mohon bantuannya?

Balas

kadang2 bentrok sama CSS sebelumnya. bersihkan dulu css komentar sebelumnya

Balas

alhamdulilah dah beres kang
saya kasih elemen impoten eh important akhirnya ngk bandel lagi itu form

buat mbak Leony Li makasih dah mampir ke blog saya buat kasih masukan

Balas

Aku dah coba caranya dari awal sampai akhir, tp kok hasilnya, teks komentarnya mala terhidden,,, kira apanya yg salah yah bang... tolongin bang... bingung nih...

Balas

domainnya yang mana ya? saya harus liat dulu sourcenya.. soalnya pas saya liat edynlaskar.com, masih pake versi 1

Balas

domainnya di edynlaskar.com itu bang, tadinya aku pasang tapi karena ada masalah yg muncul seperti itu maka saya kembalikan lagi ke semulah.

Sekarang sudah saya terapkan cara diatas, silahkan liat bang diblog saya edynlaskar.com

Balas

coba kirim file xmlnya ke kangismet@gmail.com

Balas

File xml-nya sudah dikirim bang, Makasi sebelumnya bang... N Maaf sudah merepotkan...

Balas

diblognya ganti aja dulu.. takutnya ada yang komen bingung :)

Balas

oh iya yah,,, keasikan disini sih,, jadi lupa klo lg ada masalah diblog sendiri... hehe
Thanks Bang...

Balas

Hahahahahaha..... ada yang lagi konsultasi nih. Sobat Edyn Laskar lagi galau tu Kang, dari kemarin subuh otak atik kode template blognya untuk menerapkan pengaturan komentar yang udah dijelaskan di atas tapi malah isi komentarnya yang ilang. Smoga aja solusinya bisa ditemukan di sini... :D

Balas

hahahaha,,, iya udah sampai galau tingkat dewa nih,,, mudah-mudahan ada solusinya... :)

Balas

Inovasi ini sangat bagus sehingga saya juga pakai, tapi jika diperkenankan Kang Ismet ijin koreksi dikit pada bagian <div class='comment_name'> yang jika dilihat dari Page Source masih kurang sempurna karena tulisan "ADMIN" muncul pada setiap Nama Komentator walau bukan ADMIN , yang menurut saya karena penulisan :

<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if> <span class='comment_author_flag'>Admin</span>
</div>

Yang menurut saya alangkah lebih baiknya jika tulisan "ADMIN" hanya muncul pada komentar pengelola blog, sehingga jika saya pelajari lebih baik <span class='comment_author_flag'>Admin</span> diganti dengan <b:if cond='data:comment.author == data:post.author'><span class='comment_author_flag'>Admin</span></b:if> .
Maaf jika salah Kang, salam blogger. :)

Balas

terimakasih atas masukannya sob.. ga ngeh saya harus menambahkan tag kondisional :-d
akan saya edit untuk kode HTMLnya

Balas

kang gmana kang yah dah diutak atik masih tetep g valid g seperti di blog ini kang
permasalahan nya gini kang waktu g ada komentar bisa valid html5 pas waktu ada komentar jadi tidak valid
saya cek kayaknya di kode "commenthtml"

o ya kang di tampilan mobile form komentar nya tidak muncul punya akang

Balas

iya sob.. harus ada yang diedit lagu biar valid di halaman post kesini aja, liat judul KOMENTAR http://blog.kangismet.net/2013/09/tips-membuat-halaman-posting-valid-html5.html

Balas
Komentar ini telah dihapus oleh pengarang.

punya saya kok replynya ga bertingkat
http://prntscr.com/1u7btl

Balas

biasanya ada script atau CSS yang bentrok, coba hapus CSS sebelumnya

Balas

css sebelumnya sih udah dihapus,tapi scriptnya kayaknya udah juga deh

Balas

this works fine but how to make threaded commenting with 3 levels only?
Config.maxThreadDepth =3
I changed from 6 to 3 but its not working. reply unlimited levels

Balas

if you set threaded commenting to 3 level only... it's jus 3 level deep you need to edit jS to reply unlimited levels

Balas

Kang threaded comments, di blog saya yang biasa
Kalau pengen jadi threaded comments hack 3 giman cara nya Kang.?

Balas

tinggal di sulap aja mas :)

Balas

Malu Mbak tar di sangkanya, Pamer Lagi..hihiihhihiihihhih

Balas

Tes-tes-tes..penerapan threaded comments v3 berhasil di pasang
Namun, emotianya gak muncul Kang, apa yang salah Kang..?

Balas

blog yang mana kang? saya liat masih pake yang standar blogger

Balas

Blog yang ini Kang http://petualang-nusantara.blogspot.com/
Punya ade saya, kebetulan saya yang membuatnya dan dia
Ingin form comments nya seperti anu Kang Ismet,.
Mohon di cek kesalahan yang saya terapkan, emotionya gak muncul

Balas

kang setelah saya cek di w3c
pada posting yang belum ada komentarnya kok muncul eror satu kang
erornya pada bagian ini kang

script async='async' src='' type='text/javascript'

pas bagian src value-nya kosong

Balas

Teks comments nya malah gak muncul nih Kang apa yang bentrok yah
mohon pencerahanya Kang di cek
http://petualang-nusantara.blogspot.com/2013/08/menjaga-alexa-agar-tidak-membengkak.html

Balas

wah aneh nya kang.. coba backup dulu, terus kembalikan widget ke default

Balas

Mo pake yang mana yak :D ... asem bingung

Balas

thanx kang :) thread komen nya jadi bagus.
tp ada pertanyaan ni kang. halaman statis saya gak ada kotak komentar nya kang, pdhl settingan nya di izinkan untuk berkomentar.
itu knpa ya kang?

Balas

kang, cara balikin biar saat di reply width kotak komentarnya tidak semakin kecil gimana ya?

Balas

coba di edit aja CSS ini :
.comment_child .comment_wrap {padding-left: 7%;}

Balas

maaf kang, saya datang lagi menggangu.
Akhirnya saya memilih template editan dari kang adhy kompiajaib.
Nah, setelah itu saya mengganti kolom komentarnya dengan threaded comment dari tutorial ini. Tapi ada sedikit keganjalan, ada tulisan "ADMIN" berwarna putih yg nutupin tulisan author.
nih penampakannya
http://2.bp.blogspot.com/-g3VUrsQbiv0/UmQhKO9PNaI/AAAAAAAABM8/QKGbhtvxHFI/s1600/kang+ismet+komen.jpg
Mohon bantuannya, dan maaf merepotkan lagi

Balas

hapus tulisan ADMIN pada kode ini
<span class="comment_author_flag">Admin</span>

Balas

tulisan authornya juga kehapus kang......hehehehe
Tapi ngga apa2 lah, thanks kang ismet ;)

Balas

dihapus semua ya? tulisan Admin-nya aja ajdinya kaya gini : <span class="comment_author_flag"></span>

Balas

sukses kang....hehehe , maaf tidak baca dengan jeli.
Soalnya tadi subuh saya hapus semuanya........
Maaf dah ngerepotin,
Terima kasih banyak SUHU

Balas

Kang saya nemu lagi msalah pada threaded comments ini
waktu saya lihat di versi mobile form komentarnya ngk muncul mas
saya cek di blogx kang ismet jga gtu.

Balas

iya kang.. saya lagi cari solusinya..

Balas

ok Kang.
mga lkas ktemu solusinya
krena ngk jago masalah kodi, saya bantu pke doa aja yah Kang hehehe
kmaren smpt bngung wktu nyoba edit tmpilan mobile blog kok ngk mncul form komentarnya.
pertamanya saya kira ada kode yg khapus atau saya salah psang komentarnya.
buat smntara manfaatin template dri bloger aja buat tampilan mobile

Balas

Datang lagi nih Kang Ismet, DI ARTIKEL Threaded comments
V3, Yang sekarang saya belum paham dengan artikel ini

Balas

hanya perbaikan dari versi sebelumnya kang

Balas

kang, komentar ini sudah bisa menolak link aktif ngga ?

Balas

om.... cara mengganti backgroundnya gimana..?
jawab ya... lagi butuh...

Balas

ganti aja backgroundnya , contoh
#comments {background:#333}

Balas

Kang, ane udah coba yg style 1 tp komentar ane kok gak nongol..malah putih semua gak ada tulisan sama sekali..
apa yg salah yah ?
http:/be-bisnis-lah.blogspot.com/
mohon bantuannya yah kang, hee maaf nih ganggu lagi

Balas

coba buang margin-top:-72px; dari .comment_body{

Balas

udah dibuang tapi tetap aja masih gak nongol kang..cuma berubah pada penempatan border komennya..
apa template ane yg gak mau kang ?

Balas

maksud saya background kotak komentar yang bertingkat itu om.. yang ada si pengomentar nya itu bagaimana gantinya..?

Balas

kang untuk kode <b:include data='post' name='threaded_comments'/> di blog saya ada 3 . . jadi saya harus bgaimana ya

Balas

http://3.bp.blogspot.com/-lmH7HPYZxOI/Un4S_Ruf0MI/AAAAAAAAAJA/xUF2BmU1kIY/s1600/fff.PNG bagaimana menjajarkan foto di atas , bisa kasih saran tak :)

Balas

hapus CSS komentar sebelumnya

Balas

maksud saya background kotak komentar yang bertingkat itu om.. yang ada si pengomentar nya itu bagaimana gantinya..?

Balas

ganti background pada selektor .comment_body

Balas

permisi kang numpang nanya , kalau template asli/dasar dari blogger . . .umh apakah bsa kita terapkan komentar ini di dlmnyA . . . Terima kasih

Balas

numpang nanya kang , bagaimana merubah warna background sperti kpunyaan kang ini , minta saran ya

Balas

Kalo mau nambah emoticon gimana kang? Saya kepengen nambahin emoticon facebook kang :)

Balas

jika anda menggunakan threaded Comments Hack V.3 diatas, otomatis komentar anda sudah ada emoticon mas :)

Balas

Iya mba , saya tau . . Cuman saya kepengen nambah Emoticon facebook aja :p
Soalnya tadi nyoba berhasil sih . . tapi gara-gara sticky widget eh jadi kode emoticonnya gak bisa :(

Balas

Assalamualaikum kang
saya lagi progress bikin template valid html5 homepage maupun halaman postingnya...
nah sampai di komentar ini sy sampai dibikin putus asa, klo boleh saya minta tolong :
1. apa saja yang harus dihapus dari threaded komen bawaan (sy pakai template minima)
2. script hack threaded comment, namun replynya itu seperti bawaan blogger, jadi tidak makin kecil widthnya
terima ksih atas perhatiannya

Balas

Wa'alaikum salam
1. untuk bawaan blogger tidak bisa, karena sistem yang berbeda
2. Gunakan thread comment nico-nico, cari di gugel :)

Balas

Cara membuat Konversi kode seperti kang ismet gimana? (Muncul dibawah) bila di tekan Konversi :)

Balas

kang ini kenapa ya?? pdhal ane coba ini di template blank ane, cssnya udh ane hpus smua yg gk berkaitan. udh 2 blog ane coba ttp letaknya gk ketengah nih kang
[img]http://i.imgur.com/ZcczMCD.png[/img]

Balas

mohon solusinya ya kang :)

Balas

coba tambah kode :

.comment_body{
.....
.....
margin-top: -72px;
}

Balas

wow... work kang mksih banyak ^_^

Balas

ass. kang ismet, maaf. . .saya pakenya yang style 2, tapi masalah saya juga sama kayak mas edyn, yaitu tulisan komentarnya gk muncul, yang muncul hanya foto dan nama komentator. :'(

mohon bantuannya juga yah kang, aku udah kirim file xmlnya di email nya kang ismet.

terimakasih kang

Balas

kang, sy cek di w3 validator halaman posting tidak valid karena 1 error saja, begini errornya :
<script async='async' src='' type='text/javascript'></script> Bad value for attribute src on element script: Must be non-empty.
tp sepertinya error hanya terjadi pada posting dengan 0 komentar, ada solusi kang?

Balas

hapus z kode nya <script async='async' src='' type='text/javascript'></script>

Balas

atau cari kode src='' kemudian hapus. karena memanggil script tapi tidak ada alamat yang dipanggil

Balas

ganti saja dengan ini

<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'></script>

Balas

itu js buat apa ya kang boleh dijelaskan sedikit mengingat script asli yg akang share itu bukan javascript melainkan data:post.commentSrc :

script async='async' expr:src='data:post.commentSrc' type='text/javascript'

Balas

data:post.commentSrc itu merupakan XHTML komentar untuk memanggil URL tadi, seperti kode <data:comment.body/> untuk memanggil isi komentar.

Balas

hehe maaf, gak jadi kang, sudah teratasi,ternyata penyebabnya pada kode jquey yang di document.write , bentrok ma kode jquery yang lain di template saya hehe :D

Balas

haddddeuh meni rieut kang eung....

Balas

sekarang iklan ini sudah jarang peminat nya

Balas

Saya ijin pake script threaded comment v3
buat blog Karrysta saja Kang mohon bantuanya yah Kang soalnya saya masih
Bingung dengan cara memasangnya terima kasih :)

Balas

kang punya saya kok tombol balasnya ndak berfungsi kira2 salah dmn?

Balas

kang! kalau comment_child error solusinya gimana? seperti ini kang http://4.bp.blogspot.com/-VfQsCVi1m-E/UrEKWXELZjI/AAAAAAAAALo/ojdKCHovRqQ/s1600/error+comment_child1.png

Balas

sukses kang.. untuk menambahkan terima kasih telah berkomentar bagaimana yah kang ^_^

Balas

modifikasi HTML aja itu sob

Balas

Kang kok engga ada titlenya yah? kalau mouse saya di arahkan ke namanya biasanya suka muncul ''Nama'' tapi di blog saya engga ada yah? dan tidak valid

Balas

itu karena menggunakan komentar standar blogger

Balas

kang mau ganti emoticonnya gimana saya mau pake punyanya MKR site :)

Balas

//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',
];


tinggal ganti saja link gambar ini

Balas

nanya lagi nih :D

biar formulir komentarnya gak ngikut kalo mau membalas komentar gimana yah?

Balas

ga ngikut gimana maksudnya ya?

Balas

Saya aja makin bingun Kang baca nya. kasih penjelasan tuh +Achmad_Muharya kalo mau bertanya sama kang Ismet . gmana toh.
biar lebih cepat kelas masalah situ

Balas

sebenarnya saya juga bingung :D

contohnya seperti ini kang http://www.dte.web.id/2012/07/no-live-links.html

coba balas salah satu komentar disitu formulir yang diatasnya hilang kan, nah cara bikin seperti itu gimana ya..

Balas

sudah ketemu kang masalahnya :D maaf merepotkan, ternyata cuman masang css ini:

.comment_child .comment-form p {display:none}

kira kira bener gak tuh kang kodenya :D

http://www.dte.web.id/2012/05/masalah-pesan-formulir-komentar-yang.html?showComment=1355127890249#c63692834212052939

Balas

bisa kayaknya sob.. dicoba aja, atau mungkin menggunakan tag kondisional

Balas

Terimakasih kang ismet, sudah valid ko :D

Balas
«Paling tua   ‹Lebih tua   1 – 200 dari 263   Lebih baru›   Terbaru»

Poskan Komentar


×
Chat