Membuat Komentar Bertingkat Seperti WordPress V.2 - Pada postingan terdahulu, saya membuat tutorial tentang Cara membuat komentar bertingkat seperti WordPress. Akan tetapi banyak komentar yang menyatakan bagaimana membuat komentar tersebut tanpa "pop up".

Sistem komentar hack ini saya beri nama WP Style Blogger Threaded Comment. Beberapa kelebihan yang terdapat pada V.2 ini antara lain :
  1. Tanpa Pop up
  2. Installasi lebih mudah
  3. Bisa menampilkan kode, gambar dan file youtube.
  4. Smiley / Emoticon
hack blogger threaded comment


Installasi WP Style Blogger Threded Comment


Sebelum melakukan installasi astikan Backup dulu template, untuk menghindari error pada installasi

1. Masuk ke Blogger
2. Klik Template --> Edit HTML, centang Expand Template Widget
3. Ganti semua kode <b:include data='post' name='threaded_comments'/> dengan
<b:include data='post' name='comments'/>
apabila tidak ditemukan, lanjut ke langkah berikutnya.

4. Ganti semua kode antara <b:includable id='comments' var='post'> dan </b:includable>, gambarannya seperti ini :
<b:includable id='comments' var='post'>
KODE PANJANG YANG HARUS DIGANTI
</b:includable>
ganti dengan kode berikut :
Kode:
<style type='text/css'>
#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;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
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:#ECF3F7;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#f0f0f0;
padding:10px;
font-size:13px;
font-weight:bold;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:2px;
}
.comment_body{
margin-top:-72px;
margin-left:66px;
background:#fcfcfc;
border:1px solid #ddd;
padding:10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #f1f1f1;
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-left:-5px;
padding: 1px 11px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #ccc;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:101%!important}
.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: white;
padding: 7px 10px 7px 10px;
margin: 5px 0 5px 0;
border: 1px solid #C3D7E2;
color: #888;
font-size: 13px;
line-height: 20px;
width:94%;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.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-delete img{float:right;margin-left:10px;}
</style>

<div class='comments' id='comments'>
    <a name='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='comment_wrap' expr:auclass='data:comment.adminClass' expr:id='data:comment.anchorName' level='0'>                                                                                      
     <a expr:name='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'>
      <data:comment.authorAvatarImage/>
                                 </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)'>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' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>        
                  <span class='comment_service'>
                      <b:include data='comment' name='commentDeleteIcon'/>
      <span class='comment_date'><abbr class='published' expr:title='data:post.timestampISO8601'>                   <data:comment.timestamp/></abbr></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'/>
    <a expr:name='&quot;r_&quot;+data:comment.anchorName'/>
    <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'>
     <h3 id='comment-post-message'><data:postCommentMsg/></h3>
      <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'><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 = true;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = true;//Auto replace link image,  ketik "false" untuk mendisable.
                                Replace_Force_Tag = true;//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 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))       
               
       //]]>
         </script>

5. Simpan Template.

Untu mengganti warna pada blok komnentar Admin, pada CSS .comment_admin .comment_name  ganti background:#ECF3F7 sesuai background yang sobat suka.

Pesan Komentar


Untuk menambahkan catatan di atas form komentar, seperti yang terlihat di bawah ini :

pesan formulir komentar

1. Klik Template --> Setelan --> Pos dan komentar, klik "Tambah" pada Pesan Formulir Komentar

pesan formulir komentar

2. Tulis catatan Anda
3. Klik Simpan (pojok kanan atas)

Apabila ingin merubah tampilan seperti warna garis, background, warna teks dll, temukan dan edit kode ini :
.comment-form p {
background: white;
padding: 7px 10px 7px 10px;
margin: 5px 0 5px 0;
border: 1px solid #C3D7E2;
color: #888;
font-size: 13px;
line-height: 20px;
width:94%;
}

Semoga bermanfaat....

199 komentar

Kira2 berat gak nih kang terhadap load blog??

pengen coba sih... habisnya keren hehe :D

Balas

Engga sob... ringan ko.. coba aja demonya :)

Balas

cuman diilangin aja ya kang pop up nya :D

Balas

Tambah fitur yang lainnya dikit ;)

Balas

bedanya sama punya saya apa ya kang.?

Balas

Saya juga pernah menggunakannya Kang..hanya saja pas ganti template hilang dech komentar bertingkatnya

Balas

apa nanti nggak berat bang?, tapi keren juga sih komentar bertingkat seperti itu :)

Balas

mirip banget sama threaded blogger :D

Balas

kang klo ngilangin kotak yang ditunjuk panah hitam gimana ?

[IMG]http://i1143.photobucket.com/albums/n629/gerduren/garis_zpsdf1b7ced.jpg[/IMG]

Balas

kang , fungsi tombol balasnya kok ga berfungsi ya? ketika tombol balas diklik. ga ada respon. Bisa dicek di salah satu posting saya di dharmanacyber.com , gimana tuh ya ?

Balas

Harus liahat code templatenya sob... coba kirim ke kangismet@gmail.com

Balas

Kalau punya situ bawaan blogger sob..

Balas

Tinggal install ulang aja kalau mau :)

Balas

Emang thread comment, tapi hasil hack, bukan bawaan...

Balas

Hapus atau edit kode ini border: 1px solid #C3D7E2;
Untuk lebih jelas, silahkan lihat tutorial diatas sudah diupdate..

Balas

Berhasil kang, sekarang tampilan komentar blog sy tambah ajiibb hehe...

Oh ya kalau untuk membuat spoiler buka tutup pada halaman komentar gmn yah?? habisnya kalau komentar banyak tambah panjang kebawah halamannya

thanks ya kang!
Salam :)

Balas

Selamat deh sob... keren blgnya

Balas

bedaya apa gan sama punya e blogspot? kliatanya sama aja ya?

Balas

kotak komentarnya tambah keren dan profesional... mantap

Balas

Waah ternyata fitur di wp jga bisa di blogspot.

Balas

Awesome !
But i want to change emoticons on comment form , so can you tell me how to do it ?

Balas

keren kayanya nih mas..

Balas

wah keren kang, tapi saya masih pake yang default blogger kang, sayang ga bisa seperti ini hihi...

Balas

coba diliat2 lagi.. pasti beda.. :) diantaranya aja ya.. bawaan blogspot cuma 2 tingkat sob. kalau ini bisa beberapa tingkat.

Balas

tengkyu sob.. penyempurnaan versi awal aja

Balas

ga kalah kok sekarang Blogspot sma WP sob...

Balas

Just change the code and image URLs below Emo_List = [... hope it's helps

Balas

aya silahkan dicoba... :)

Balas

Manasuka silahkan pilih sob.. tapi kalau pake defaul, nama kang Muro'i jadi aneh ya.. ada 39nya :)

Balas

Makasih.. ayo di coba :)

Balas

Mau tanya gan, di template saya ada 2 kode <b:include data='post' name='threaded_comments'/> pilih yang mana ini gan ?

Balas

Mo minta ilmu satu lagi dong kang, bagaimana bikin tombol yang menunjuk langsung ke kotak komentar seperti punya kang ismet. makasih ilmunya kang ismet

Balas

Thanks so much .
Hope you'll have more useful posts !

Balas

TY kaka,,, Blog udah jadi manteb :D

Visit yeee
http://zhakyblogs.blogspot.com

Balas

Baguss kang .. :D mantapp! udah aku pasang di http://blog.riandesign.web.id , makasih yah kang ismet tutorial bermanfaat nya :)

Balas

mantap mas, sekarang blog http://javakahuripan.blogspot.com sudah punya kotak komentar keren berkat tutorial mas, sekali lagi terima kasih banyak ya kang ismed.

NB : tapi kok fungsi deletenya gak ada yang kang ismed, mohon di cek ya mas, sekalian solusinya mas, terima kasih.

Balas

mantep kang...
terima kasih tutorialnya.

Balas

Kak, bisa tambahkan tombol "Cancel reply" gak kak, soalnya itu sangat perlu kak ?

Balas

Kok Gak ada tanggapan sih kak ?

Balas

kalo di pasang di Template Super SEO jadi gk kang ?

Balas

kalo masukin video tag pembuka dan penutupnya bagaimana??

Balas

terima kasih kang,sudah saya pakai.dan sekalian follow saja.

Balas

min, kalo mau nambah kata admin dan atau gambar kecil sebelum nama kita (author) gimana ya mas? Makasih...

Balas

Trimakasih kang ismet, akhirnya kotak komentar saya bisa lebih interaktif soalnya bisa balas2an, hehe.

tampilannya juga keren poll

Balas

Oya gan, ini kalo mau dikombinasiin sama facebook comment engga bisa ya?

tolong balasanny

Balas

keren kang, di coba dulu ! makasih !

Balas

kang kok saya enggak keluar text nya ya? hanya kolom nya saja , bantuan nya kang .

Balas

haturnuhun kang... membantu sekali ilmunya... trims

Balas

tanpa bnyak bengong dicoba dulu..makash bnyak kang..

Balas

kalau pakai scrip gini masih bingung apalagi pake ngedit tamplate, maklum newbee, hehhe. Belajar dulu gan

Balas

kok kotak komentar wordpress v 2 ssaya gak berfungsi bang..tlongin dong :D

Balas

sangat - sangat berterima kasih kang, sangat membantu kang, abi oge ti bandung hehehe :)

Balas

kang punya saya koq gak ad border nya ...
why ??

Kunjungi juga yah braincoconut.blogspot.com

Balas

Informasi yg bermanfat kang bro...
Saya sudah follow blog ini (followback.ngarep.com) hee..
Mampir atuh...

riefsaz.blogspot.com

Balas

memang sangat populernya saat ini, agar terlihat indah :)

Balas

terima kasih sekali kang ismet, blog saya jadi cantik :)

sebagai ungkapan terima kasih saya like web kang ismet dan menampilkan banner link kang ismet :)

mampir yaa di www.uswasyauqie.com

Balas

ane mau coba tapi takut blog ane jadi lelet gan, , ,coba di tinjau apakah di blog ane cocok?
oy kalo mau bikin tombol like fp melayang di tengah sebalah kiri gmna y gan,tu blog ane ada fp melayang tp di atas jadi kurang strategis.

Balas

kalau mau buat comment kaya themesnya twenty eleven, namun untuk post artikel kaya genesis, itu gimana ya kang gabunginnya.. :)

Balas

Mas Ismet (wkwkw yang lain panggil Kang saya Mas sendiri nih), cara menampilkan tombol "delete"-nya bagaimana ya mas? saya sudah utak-atik bagian div-nya tapi gagal terus. kalau tombol delete dan replynya dibuat berada dalam div baru yaitu <div class='comment_reply'> bisa tidak mas? Nuwun mas sebelumnya. Mohon ditanggapi ya mas :)

Balas

Thanks for sharing уour thoughts. I tгulу appгeсiate your effoгts аnԁ Ι ωill bе
waitіng foг your next pоst thаnκ you once again.


Also vіsit my blоg payday loans

Balas

Tampilan komentarnya pengen kaya wordpress gimana tuh caranya gan, di blog tapi tampilan koment nya kaya wordpress...
Niche blog

Balas

I almost never comment, however i dіd sοme ѕearchіng
anԁ wounԁ uр heгe "Membuat Komentar Bertingkat Seperti WordPress V.2".
Anԁ I dо hаve a couple of questions for уou if you do not mind.
Could it be sіmply me or does it seem lіke some of the comments come acгosѕ like left
by brain deaԁ indiviԁuals? :-P And, іf you are ωriting on othеr
onlinе sοсial ѕiteѕ, I woulԁ lіkе to keеp up with everything
neω you have to poѕt. Coulԁ уou
make a list of evеry one of all yοur sociаl sites like уour Facebook
рage, twitteг feed, or linκedin profile?


Herе іѕ my web blog payday loans

Balas

alhamdulillah berhasil kang...nuhun atas bagi2 ilmunya...

Balas

terimakasih kang, saya juga sudah pasang di blog saya yang satu http://farhanside.blogspot.com/, ooh iya kang gimana ya cara buat [img] [/img] biar bisa menampilkan gambar di komentar blog seperti komentar akang?

Balas

ko gagal, gk ada hasil :( =(

My Web : http://tvonid.blogspot.com/

Balas
Komentar ini telah dihapus oleh pengarang.

kok ngga ada tulisan sama emoticon :(

[img]http://s23.postimg.org/q4lyaww97/error.jpg[/img]

Balas

Mana link yang sudah ada komentarnya? biar saya cek

Balas

Terimakaish banget kang berhasil lagi nih.

Balas

Kang Kok Punya Saya Ga Ada Foto Adminnya,.,,


[img]http://4.bp.blogspot.com/-bXiVA2eAM5A/UaL3whBOQLI/AAAAAAAAAVo/jSF07JL546E/s1600/ASa.png[/img]

Balas

Terus ,,

Kan Udah Saya Pasang Yang [catatan]Terima Kasih ..... Komentarnya Kereeen ..[/catatan]

Kok Ga Ada

Balas

ga bisa untuk thread comment ini sob

Balas

kang,gmna kalau pengen ngilangin pop up doang ??

Balas

ga bisa sob... harus ditimpa sama yang ini, soalnya markup htmlnya beda

Balas

coba Kang Ismet berkomentar di blog saya :D

Balas

DINA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI http://www.dina-shop7.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000

Balas

kang, punya saya kok ga ada foto/avanya ya ? isinya putih doang

Balas

kang di blog ane yg infongratis.blogspot.com itu fotonya jadi kayak lepas gitu?

Balas

coba hapus CSS komentar sebelumnya...

Balas

threaded comment punya saya malah gk bertingkat, gimana solusinya kang ? :)
Tapi, kalau di blog yang satu lagi normal/ bertingkat.

Balas

gan..
kenapa ya, setelah saya melakukan tutorial ini pada blog saya, malah komentar untuk profile google tidak mucul, malah yang pakek profile URL yang muncul ...
mohon penjelasanya gan ...
thanks

Balas

kira - kira masalahnya apa ya kang ? =D
tampilan komentar bertingkatnya jadi gini. [img]http://1.bp.blogspot.com/-veHY4DG8iQc/UbglRhWa1KI/AAAAAAAAB2I/VMaq4NObhDw/s320/capture-20130612-142601.png[/img]
untuk lebih jelasnya bisa di cek kang di
http://kupinta.blogspot.com/2013/06/manfaat-blogger-dan-blogging.html

Balas

itu batasannya sob... coba edit banyak komentar pada kode ini :
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment

Balas

muhun kang, hilap teu di cek kode eta. Hatur nuhun kang. :-bd

Balas

Ijin saya terapkan Kang..dan Alhamdulillah berhasil. cuma emonya ada 2 macam...ehehehe

Balas

unutk menerapkan js kata" yang tidak diperbolehkan itu gmna???
blockNotAllowed('#comment-holder p');
'#comment-holder p' diganti sama apa kang supaya scriptnya bisa bekerja.. ??

Balas

ganti 'comment_block', 'p' sob..

Balas

kang kenapa di template ane yang infongratis.blogspot.com itu gk berbentuk threded comments?

Balas

Ada pengaturan HTML atau CSS yang berubah sob... coba ulangi lagi dari awal

Balas

kalo menambahkan icon delete seperti di Screenshot nya gimana kang?
hatur nuhun

Balas

kang kok kaya gini ya,
[img]http://img585.imageshack.us/img585/6438/vig.png[/img]
mohon bantuannya kang..

Balas

otomatis ada ko kalau login

Balas

coba CSS sebelumnya hapus semua

Balas

kang kok ngga bisa balas komentar yah
trus kalo komen pake akun google ngga ada avatarnya kang?

Balas

kayaknya terlalu banyak penumpukan CSS, jadi bingung dia :)

Balas

kode css dari templetenya campur kang, jadi bingung misahinnya @@,
tapi saya sudah ngikutin langkah"nya dengan teliti kan

Balas

pisahkan kode diatas, terus cari (gunakan Ctrl+F) dan hapus kode yang berawalan .comment atau #comments

Balas

tetep ngga jadi kang udah di apus semua bawaan templatenya

Balas

Kang meni tampilan komentar ane udah bener, tapi pas coba reply komen malah muncul pop up kang, kan kalo punya akang itu langsung muncul. solusina kang tolong :D
makasih banyak kang sebelumnya :)

Balas

ganti aja sama yang di atas.. kalau tampilan sih sama, kalau yang mas/mba pake itu masih versi 1.yang ini V2

Balas

hahaayy .. mampir nih kang !!! antik .. cik nyobian nyak .. |o|

Balas

wah ide yang kreatip sob,ijin mencobanya hehehe... :D



admin "Variasi Blogger"

Balas

keren kang, terimaksih sudah mau berbagi :-bd

Balas

Akhirnya ketemu juga tutorial yang seperti ini |o| Terimakasih mas

Cek : http://irfansyahpuutra.blogspot.com/

Balas

Perbedaannya cuma no pop up ya ? wah keren" nih :D
mantap

Balas

Kang, ko komentar saya malah jadi sejajar semua ngga bertingkat? kenapa ya?

Balas

Kang setelah saya cek di Google Webmaster Richsnippet
Masih ada peringatan eror masalah 'hcard' ya bisa dibilang avatar adminnya masih menimbulkan oror.
Walaupun dampaknya ada atau tidak ada, mohon di updatenya Kang Ismet :)
Thanks

Balas

Asik kang threaded comment-nya nanti coba...

Balas

Bagus kang! Ohiya, agar emotionnya gak muncul diatas Comment Form Message gimana caranya? :-bd thanks

Balas

itu akibat Komentar Bertingkat WordPress V.1,metode replynya menggunakan @. Jadi kalau menggunakan ini akan seperti itu.

Balas

kang, ini kenapa nggak ada tombol delete-nya ya ?
mohon dilihat bentar kang http://cumademo-rosianto.blogspot.com

Balas

Udah dipasang kang, makaciw ^_^

Balas

kang biar emotnya yang di bawah tulisan "poskan komentar" di tiadakan gimana yah? tapi pas di publikasiin emotnya muncul.
mohon pencerahannya kang :D

Balas

pada CSS tambah kode .comment_emo_list{display:none}

Balas

hatur nuhun kang, udah berhasil.
btw blogna sae, rapih, katata :D

Balas

sukses atuh nya... nuhun kang..sa rapih2na we :)

Balas

Sangat Menarik Kang,.? wah artikel Kang Ismet selalu yang terbaik,. saya
Selalu banyak belajar dari artikel yang di posting nya,.hatur nuhun pisan yah Kang.?
Minal aidhin walfaidzin Wileujeng Boboran siam Kang.?
abi Saud Karrysta - http://karristaent.blogspot.com

Balas

mantap... dicoba kang :)

Balas

Kang kok kotak komentar nya malah sejajar gak bertingkat ini gimana kang solusinya?.mohon penjelasanya ya kang

Balas

Kalau photo profilnya ga muncul itu kenapa ya kang?

Balas

mungkin ada CSS yang bentrok kang..

Balas

coba hapus CSS sebelumnya

Balas

CSS komen yang lama sudah saya hapus, atau munkin jquery.min.js ini bentrok sama yang telah saya pakai sebelumnya di atas /head kang?

Balas

trial n error aja kang... belum pernah ngalamin soalnya.. coba kalo boleh kirim XML ke kangismet@gmail.com

Balas

Saya coba ilangin threaded comment js-nya tapi msih tetep ga muncul...
Tos dikirim kang xml na ka email...punten ngarepotkeun...

Balas

ternyata masalahnya di
&lt;!--</body>--&gt;&lt;/body&gt; saya ganti pake </body> normal kang, entah masalah valid HTML5, tapi saya cek masih valid ko

Balas

Iya kang...hehehe ternyata...
itu untuk menyembunyikan js blogger biar loading ringan, jadi karena komen ini pakai js bawaan blogger jadi ngepek juga ke komen nya hehehe ga kepikiran ke situ...kira2 begitu ya kang?
Sekarang sudah tampil photo profilnya...

Balas

kang, minta solusinya kang, pada hari ini tombol delete nya kok gak muncul? saya coba liat di demonya jg gak ada kang

Balas

emang tombol delete sengaja dimunculin hanya buat admin dan komentator yang menggunakan Google Profile. Coba komen di demo nya....

Balas

yang jadi masalahnya kang adalah saya sendiri sebagai admin yang gak tampil tombol delete nya? baru aja semalam terjadi kang. bingung nih..

Balas

[img]http://3.bp.blogspot.com/-knbILRa3osc/UhHgN3nmPfI/AAAAAAAAAKg/1T_R4wxOU2M/s1600/Komentar.bmp[/img]

Kalo Mau ngilangin emoticon nya gimana kan?

Balas

hapus kode ini

//Pengaturan Emoticon
Emo_List = [
'smile' ,'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',
];

Balas

Punten sakalian baru izin pakai bendera Adminnya kang hehehe...punten calutak...

Balas

Yup sama...sudah saya kotak katik juga tapi belum dapet...kira2 ada solusinya kang?
Saya tes punya nya kang Kapuk tidak ada masalah...memang punya kang kapuk (yang dipakai, bukan script tutorialnya) susunan photo avatarnya agak berbeda...

Balas

Kang saya teh lagi mencoba membuat valid komentar hack ini, yang lainnya sudah beres, tinggal 2 masalah lagi yang saya mentok.
1. kode ini <a class='comment-delete' expr:href='data:comment.deleteUrl' title='delete comment'> pada bagian data:comment.deleteUrl itu menghasilkan error ini <a class='comment-delete' href='http://www.blogger.com/delete-comment.g?blogID=2583045784323695327&postID=456338892539994512' title='delete comment'> sebanyak komentar yang masuk (errornya pada kode &. karena kode itu ada pada threaded comment js, saya coba menampahkan kodenya agar valid html5 tapi ga ngaruh. return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
menjadi return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&amp;postID=' + comment.id;
Mungkin kang Ismet punya solusinya untuk menambahkan kode amp; pada &?

2. Pada iframe komentarnya. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='comment editor'/> menghasilkan 1 error pada validasi HTML5 <a href='http://www.blogger.com/comment-iframe.g?blogID=2583045784323695327&postID=3866454555756751435' id='comment-editor-src' title='comment editor'></a> sama seperti nomor satu errornya pada kode & saya coba juga menambahkan kode pada threaded comment js, tapi sama tidak ngaruh...

Maaf terlalu panjang...hehehhee

Balas

Beuuuh... PR saya banyak nih, nanti saya coba2 aja... siapa tau bisa :)

Balas

Heheheh pasti kang Ismet bisa...biar komentar hack ini valid ya kang hehehe...

Balas

kang Punya saya ko gak bertingkat ya?

Balas

belom saya cek emailnya.. tunggu aja

Balas

Dengan jerih payah dan puyeng.. akhirnya berhasil juga
[code]data:comment.deleteUrl[/code] ganti dengan
[pre]&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id[/pre]
cuma resikonya tombol delete terlihat pengunjung
[code]data:post.commentFormIframeSrc[/code] ganti dengan
[pre]&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id[/pre]
supaya ga aneh sebelum ada komentar, tambah CSS [code]iframe{overflow:hidden}[/code]

Balas

Semoga jerih payah dan puyengnya di balas Allah SWT kang...
Triknya manjur sudah saya terapkan dan :-bd

Balas

Amin.. saya cek masih ada 3 error, 1 warning di postingan kang. Mengatasi error yang ada http://img1.blogblog.com/img/blank.gif, coba ganti kode
[pre]<data:comment.authorAvatarImage/>[/pre]
dengan
[pre]<img alt='avatar' expr:src='data:comment.authorAvatarSrc'/>[/pre]

Balas

kang..emang ngga ada minat bikin buku panduan design template blogger kayak yg lain-lain gitu? apa malah udah?

Balas

Ok makasi boz untuk tutorialnya

Softaware Full
http://softdown32.net

Balas

bagus Kang , terima kasih ..

kunjungan balik yaa Kang Jual baju gamis

Balas

kang, download template ini dimana? jadi pingin pakai template kaya kang ismet, karena kecepatannya..... Superrrr....

Balas

kang, kenapa gak bisa ya... Scriptnya sudah terpasang, tapi ada yang aneh di kode css. Scriptnya jadi gak ke tutup. Tolong check script blog saya dengan menggunakan inspect element di http://spacetoon-and-game.blogspot.com

Balas

bukan hasil download ni template.. ini aslinya : http://proyek-13.blogspot.com/
maksudnya script ga tertutup gimana ya?

Balas

Belajar lagi nih Kang di Artikel, komentar bertingkat
Lagi ngumpulin pelajaran dari Blog Kang Ismet, jika
Nanti bekalnya sudah cukup akan praktek terapin di blog saya
Terima kasih Kang Ismet.

Balas

mangga kng.. acak2 we :)

Balas

Muhun Kang, bade di obrak abrik nih..

Balas

Kang emo nya gak muncul nih di blog saya
setelah saya pasang komentar bertingkat v2 ini
apa yang salah yah Kang..?

Balas

maksudnya ... gak ke tutup kodenya.
Solusinya gimana kang?

Balas

Akhirnya dengan jerih payah menganti template dengan yang thesis seo yang belum di edit, lalu di edit lagi, dan akhirnya...... perjuangan threaded comments hack v.2 berhasill dengan sempurna.

Balas

:-d kalau mau, sudah ada V.3 yang valid HTML5

Balas

kok fungsi reply punyaku jadi gk berfungsi?

dbupambudi.blogspot.com

Balas

coba, copy ulang htmlnya..

Balas

kok malah kyk gini?


http://img32.imageshack.us/img32/3060/jiio.png

Balas

http://imadewira.com/wp-content/uploads/2012/10/blog-comment1.jpg tes koimentar gambar

Balas

untuk postingan di atas bagaimana membuat postingan admin berbeda dan yang laen . . .tolong sarannya . . .terima kasih

Balas

tambah class .comment_admin

Balas

trus letaknya di mana kang . . .maaf banyak nanya :(

Balas

kang ismetnya dimana ya :) sunyi sekali :(

Balas

Coba lihat instruksi no. 5. Untuk mengganti warna pada blok komnentar Admin, pada CSS .comment_admin .comment_name ganti background:#ECF3F7 sesuai background yang sobat suka.

Balas

terima kasih mas @youwahyou

Balas

Kang ismet ko komentar saya malah gak ada tulisannya , blank :'( solusi donk mas http://melodicdark.blogspot.com/2013/12/syntax-highlighter-for-blogger.html

Balas

ANDI SHOP
BURUAN BELANJA DAPATKAN HARGA PROMO HARI NATAL TAHUN BARU
Produk dijamin asli orginal.Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS 089-6919-86274 ATAU KLIK WEBSET RESMI KAMI http://andi-shop7.blogspot.com

Ready Stock!
BlackBerry 9380 Orlando - Black.Rp.900.000,-
Ready Stock!
BlackBerry Curve 8520 Gemini.Rp.500.000,-
Ready Stock!
BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
Ready Stock!
Blackberry Curve 9320.Rp.700.000,-
Ready Stock!
Samsung Galaxy Note 10.1.Rp.2,500.000.
Ready Stock!
Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
Ready Stock!
Samsung Galaxy S III Mini.Rp.1.800.000.
Ready Stock!
Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
Ready Stock!
Samsung Galaxy Note N7100.Rp.2.500.000.
Ready Stock!
Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
Ready Stock!
Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000,-
Ready Stock!
Nokia Lumia 800 - Matt Black.Rp.1.700.000,-
Ready Stock!
Nokia Lumia-710-whiteRp. 900.000,-
Ready Stock!
Nokia C2-06 Touch & Type -Dual GSM-Rp.450.000,-
Ready Stock!
Nokia Lumia 710 - Black.Rp. 900.000,-
Ready Stock!
Apple iPhone 4S 16GB (dari XL) - Black.Rp.1.200.000,-
Ready Stock!
Apple iPhone 4S 16GB (dari Telkomsel).Rp.1.200.000,-
Ready Stock!
Apple iPod Touch 4 Gen 8GB.Rp.700.000.
Ready Stock!
APPLE iPod Nano 8GB - Pink.Rp.500.000,-
Ready Stock!
Acer Aspire 4755G Core i5 2430 Linux Blue.Rp 1.700.000.
Ready Stock!
Acer Aspire One AOD270 10.1.-Rp. 1.000.000,-
Ready Stock!
Acer TravelMate TM8481-2462G32.Rp. 1.400.000
Ready Stock!
Acer ICONIA Tab W500 10.1" Tablets Notebook.Rp. 1.100.000,-
Ready Stock!
Nikon D7000 kit 18-105mm.Rp.1.700.000.
Ready Stock!
Nikon D90 Kit 18-105mm Vr.Rp 1.300.000.

Balas

sama kak, kok malah blang, cara menampilkanya giman ?? :(

Balas

kang, kagak bisa keluar komentarnya :(
mau ngasih SS tapi ga mudeng masang SSnya :D

Balas

tutorialnya mantapppp bangettt Kang Ismet I love u...whahahahaha

maasih banyak kang, blogku tambah cakep :-bd

Balas

Mantap kang ismet makasih dah ilmu nya

Balas

Kang Ismet saya mau masang iklan diblog ini,, saya krim pesan email koq ga di bales
By : ballxc0de@gmail.com

Balas

maafjarang buka email.. nanti saya liat deh :D

Balas

Terima kasih tutorialnya mas, sudah saya coba dan berfungsi dengan baik.

Balas

kang. emo'nya kan saya tambah. tapi yg saya tambahin itu. ga muncul.., tolong solusi ya kang.. ^_^

Balas

Kang Ismet, kok aku udah coba tapi kok tombol 'Balas'-nya ga fungsi ya kang? Mohon bantuannya, silahkan dicek http://gebrokenruit.blogspot.com/2014/04/giveaway-take-me-home.html#r_c8574704950667308142

Balas

masukin gambar di komentar ini, caranya gimana ya?
@@,

Balas

Kang ini harus dengan yang V1 ?

Balas

Gan, bantuin sy juga dong, baru belajar blog juga, jadi masih banyak permasalahan yang muncul, seperti tombol balas yang tidak berfungsi, dan sepertinya cuma berubah tampilan saja. sisanya gak sama seperti punya agan,
blog saya: risnaldi-sbkr.blogsot.com

Balas

Poskan Komentar


×
Chat