Thread comment phân đa cấp đầy đủ tiện ích

#Có gì trong mẫu thread comment này

Đây là một mẫu thread comment rất đẹp và mình khuyên các bạn nên dùng mẫu này vì nó có tất cả các tiện ích cần thiết cho một hệ thống comment hoàn hảo, blog của mình cũng đang sử dụng nó và thấy nó rất tuyệt.

Sử dụng màu nền\
Có phần nội quy khi bình luận
Sử dụng bộ emoticon trong bình luận
Chèn clip YouTube, ảnh, Nhạc Của Tui vào bình luận bằng cách dán link trực tiếp nên rất thuận tiện
Đây là hệ thống comment phân đa cấp, thích bao nhiêu cấp cũng được.
Có phân trang cho bài viết trên 200 comment
Chèn code bằng cặp thẻ [pre] code [/pre]
Loading mượt hơn nhờ Jquery

#Thêm hệ thống comment này vào blog của bạn

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. >

Tìm tất cả thẻ

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

và thay thế hết thành

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

Tìm đoạn hai thẻ <b:includable id='comments' var='post'> và thẻ đóng của nó là </b:includable> , trong template thì nhìn nó giống như code dưới. Nhớ phải tìm đúng thẻ đóng nha.

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

đây là phần nội dung rất dài mà ta chuẩn bị thay thế

</b:includable>

Thay thế đoạn code nằm giữa hai thẻ vừa tìm được thành code dưới

<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'>
               <data:comment.authorAvatarImage/>
              </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>   
              </div>  
         
              <div class='comment_service'>
               <span class='comment_date'><abbr class='published' expr:title='data:post.timestampISO8601'><data:comment.timestamp/></abbr></span>
               <b:include data='comment' name='commentDeleteIcon'/> 
              </div>
              <div class='clear'/>
             </div> 
             <div class='comment_body'>
<span class='cm_arrow'></span>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
              </b:if><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)'>Reply</a>                                                        
             </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 = 5;//Kedalaman threaded comment
        Display_Emo = true;//Tampilkan emoticon? ganti "false" apabila tidak ditampilkan
        Replace_Youtube_Link = true;//Menampilkan link Youtube, ganti"false" untuk me-nonaktifkan
        Replace_Image_Link = true;//Menampilkan gambar, ganti  "false" untuk me-nonaktifkan.
        Replace_Force_Tag = true;//Mengganti tag otomatis, seperti: [pre] menjadi <pre>, dan [/pre] </pre>, apabila salah mengetik, maka tidak akan tampil
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya bekerja apabila Replace_Image_Link=true
        
        //List Emoticon
        Emo_List = [
        ':))'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbqT8L6s3W2TeonuTb4DkWDvBjb3wW2DZZKWVdAcLn_ODvMORjrRfqLi-Judt1roYc3kxxCMpNeoGa_FVtnY5N1PDb5qo7A_i11FCAYQo_G7ARfIFvSh_pbofWDQ2RCzOe63O08SLBmc/',
        ':(('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrms2n-onVrRuwTrm_R6n9PsYV3O0iCXqAw22DNIpY79SALgiBQTG8Yk0sS3hXZzyOXBibfKXQqDaE-b2TrrbDROBauPVgz6ANMO2w7Spkr6NrKn8PJXU9bPRefSlRIZRKdPRRgtBT1uk/',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioIe92PJcqXtCRXIW6OvvOdVJzOtNCVer1P4wOpXovHlUm6lRgMYGPZdLOzqKlUWowHDyoK90EWy38Mq8x0dh06uu5haFWWaaoJRJmSprIdIbx38tM_ue4uGJdSyvBFfU_69E8bUc82Iw/',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZYsJsSbkLIQq5tW3Ou1QKT26ysIzJNfC4lY7u2dkovHxmCK6dNqOwKnu7ycKvlExRI2noydcrYQIpBmrvgRa_cJx9EXmpzlGd1BOgbPFF-UrMk2FWDXK8rXwuXqSG-B_CI1gjd-Pm8w/',
        ':).'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8AxH9C2_fMtWuejw1lPJuVD2GNRZvIE3_LSgbTg_JhzWbJ5OW-55Qbgd9IDlV_1pkbXaXxLarfbNWfvrGGmiiH1iYRTnE6ij1qV5oWc-EVyw25RKl7NcoZvSAtgsUgIRVfRsuFz4Dak/',
        'b-('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9MZJSz38-Usq8cncTrES4kd6Wo0xFHKINCW1Sp7a1VIZ9iJmn1xhM3aauphLtTk4EuGpAynydbyJugDyn23kaQ9tbnK49BFQnihgUBViNqoPoVPiYd3ZeGNYU21RIjYXLjU2EE6zd9eY/',
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl4i9zJQjuk4daCOxK1wj75GYOSKVZ-xOSRVMqRsP7Y_RgjM4KWJHrIC5g5-uWjJlUy3iGoCZYXF9hPcpXQtAKF_WsDD5al7oiThP5k3NWgEQPJ58C50Ce6UEvfvU3M-SjIlcyXqnosVk/',
        ':P'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGJNQmQX3Iso6I9_NQtkqm4cIFRlucfbZ1wqygP1bVay3LA4B2Hc9Ed6l-fesdAsSHUOdxLqFPVPagihb1VMarxshWWoqrMdOO8HID9EYov6-uZhRh4D0sQATzZ8tnWLiGCytJ-i2Weo/',
        ':-o'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqt7tOQbYguE3ABCtn-G98p7rKlpYiJaY5out1rUINoMOtH7IOCc8gWanEzLFtErHz_5Hw-Rq2JQ9vzRZv_O2R-TCbvzvpxZ8PHbXfvasjZ24LVvJOdFwAMmmBiBk0-xiA8tTkY1ClXhc/',
        ':*'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXfoHStaLRBEdT36iitrm2vEKy0Lr4eGeXlfTZejeuQ3EZO2FUb_PXm9SgCSSB3tC8nbB2aMvdv6HRl1227GhjqmpJuDAJ0ns03C5X47Up9ChpVaJ7PGhu3Tx2Rwq21cTVI63R7BQAji4/',
        ':-s'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbUDEE_bFJZa0Xd6Vh5Fp4Pm36FSOCRuhCc9vjsWbVnlqumNVL0R7X0BTewLvIK6GtPtTWXimBBxh2ohOOR8wB_fM9LkgmENabWo9ypzBvnZmgPDfixNsLAjcYVfb3gusuvIzk067eBjE/',
        '[-('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXbvoa5aBH94-gE8jLuMRjg9EzMXkok7kb6-FxyNslG9nF_0rAGyKx_6To1ZZ4_bIUZp05gvWe-VM4fAlsZQ8D1FPXB9vRz6WiDXXT0omp0FrN8MXw2OHHck2s87XjaEQxcvKbuY0pT_Y/',
        '@-)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f7WPZbI9QN3iJ_oZA1fPgfbRPcUtIXVyC_9JD6tnu0Z8hHK6yryAbPlcJYgL2zpBImFNJyM4-TvMiwARBE69-PX3KS0s2RnTYHR0ydqzPJZWFkPesaVT9IcU78UrPBY6tl68RhaUiVc/',
        '=d&gt;'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaIMvkHj_IWg7dLN0IqaFhO902hHMyJQU5M0-E0lKDG3TlX_Q26tXURVFtmWqd9KT9UCOyjhi3BN8ZtlT9HcrSjWS5pjxD2HG4ITtRWv_HyM8gTDa6chrv6IeIj30IXVwt-GAoMeFau-o/',
        'b-)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbVBV05D89xzDV98TFnnkXKgqHowObGbxzDXSqX9Og2V2v6JKaxFD7TCxFH_qJXbQuWXcaYTjkN-XhWfU7aD6ZyKs7CqMxqfEklyI9Jkc4RuNbwPaC5R_XI-OZv16mhtnCUITPAsArrrI/',
        ':-?'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUxJKRGCxWWUrJTiRRygoDIeSEqP-vqfICnNNQq6EMQwIw_HM-9fJIbfckKxWoeYhcauMdPYq_tNtOI715NwASO9Rk4TLRpm-1budaG_zmOGV_4MJq9G5hSp5MrTzDRlkcN7A-n_oQoM/',
        ':-&gt;'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiobWQt2FVCqegWkrFA8dEbKeRCqnBKUwiValTcnEBmXAGng55W4WBVQCecGc-bxQJ30USJftlWUw8mBgtFcmiHPX1rk5xKeGbbTUBqqletCopltJ4E2Norq0if5fPV6hlyw-MYVktM4aM/',
        'X-('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTFVmANroAmkfPcRiW7IYasBAFZ5NtJZWyGEi8HTh7uYjCSmPClJpZy-6ZFFhekjBcGAvo2GMoQW_aDHVrKi9usUZcKVr6i5WfQJxVVOvMoW75LnRw23PNWuYTg8HTzPAGgeYkL58ufGU/'
        ];
        
                                
                                //Mengganti tag, gunakan huruf kecil
                                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>

Lưu ý:

Config.maxThreadDepth = 5 là số phân cấp tối đa, tùy theo độ rộng blog của bạn mà đặt cho phù hợp
Display_Emo = true là có hiện thị emoticon không, nếu không thay true thành false
Replace_Youtube_Link = true là có chuyển link YouTube thành clip trực tiếp trong comment không, nếu không thay true thành false
Replace_Image_Link = true là có chuyển link hình ảnh thành hình ảnh không, nếu không thay true thanh false
Replace_Force_Tag = true là có sử dụng thẻ [pre] và [/pre] để tạo khung code trong bình luận hay không, nếu không thay true thành false

5. Thêm CSS

Tìm thẻ ]]></b:skin>
Chèn code dưới vào trên thẻ vừa tìm được

#comments{background:#f2f2f2;float:left;width:100%;padding:20px 10px 0;font-size:13px;margin-top:-10px}
.comment-form p {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghpWgKK0huRngwO4Z-Ery0qVY8P3wtnlUPsV23rdBeMtraxkjh4x4hocobGhkn7CEskgXuPFYULZue9jmqUkgtJ8SUMxma1wUh77RWhDrpTH50erLo5AptlCrBxQQCeY83zElsMwRaTBtm/s1600/warning_namkna-blogspot-com.png);background-position: 12px 27px;background-repeat: no-repeat;background-color: #FFF799;border: #EE9D00 solid thin;padding: 1em;padding-left: 70px;color: #000;margin:30px 12px 20px 0}
#respond{margin-top:30px}
.emoticons a,.emoticons a:hover{margin-left:20px;font-size:28px;text-decoration:none}
.cm_arrow {background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgB6y2qZFsY7uYKEuQaY3MG4bSBTM0azxfQvCgxMMcWURmoe2RYBaDkkfmmYUmNj8ypZdDQJaDPjdN3qlWDqSLvkRXM23ZZZJh-x6_BIoYl4zvaicfn3KENnhqQIp5B6OKxAVRB7Dg6ym/s1600/comment-arrow_namkna.blogspot-com.gif') no-repeat;display:block;height:23px;margin-left:-25px;margin-top:0px;position:absolute;width:12px}
.comment_admin .comment_body {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLEooA7yT5MrxfvM658Ww1hQ3Q8DSLtgRX8vpN8u66bP4jXADtmEWY1RJ2sMDPjatbnwyfvlonu2HMep-ZyOk-2D46kexQBI51v1aHUhh5TOitG5_GFjUMMZxIgICOqaZVUJ_fhDICyS9/s1600/admin-icon_namkna-blogspot-com.png) top right no-repeat}
#comments h4 {font-size: 20px;color: #666;text-shadow: 0 0 1px #CCC;display: block;width: 100%;border-bottom: 1px dotted #CCC;padding: 20px 0 5px 0;margin: 0;}
.unneeded-paging-control {display: none;}
.comment_child .comment_wrap {padding: 0 0 0 20px;}
.comment_header {background:#f5f5f5;border:1px solid #ccc;box-shadow: 0 0px 10px #ccc;float: left;padding:5px 5px 5px 5px;
width: 115px;margin: 10px 15px 0 0;}
.comment_avatar img {margin: 0 15px 0 0;border-width: 1px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-background-clip: padding-box;}
.comment_body {margin: 10px 0px 0px 150px;line-height: 1.6;font-size: 13px;padding: 15px;background:#fff;position:relative;
text-decoration:none;color:#996633;border:1px solid #dadada;-webkit-border-radius:0 0.25em 0.25em 0;-moz-border-radius:0 0.25em 0.25em 0;border-radius:0 0.25em 0.25em 0;}
.comment_name {margin: 0 0 0 40px!important;font-family: Arial, Helvetica, Garuda, sans-serif; line-height: 1;
margin: 2.1em 0 1em;color: #525252;font-weight: bold; font-size: 15px}
.comment_name a {color: #525252;text-decoration: none;text-shadow: 0 0 1px #DDD;font-size: 12px;}
.comment_name a:hover {color: #F90;}
.comment_service {margin: 0 0 0 41px;color: #CCC;font-size: 10px;font-style: italic;}
.comment_body p {margin: 0;line-height: 1.6;font-size: 12px;padding: 0;text-decoration:none;color:#996633}
.comment_avatar .avatar-image-container {height: 36px!important;width: 36px!important;background:#e3e3e3; border: 1px solid #e3e3e3; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-webkit-background-clip: padding-box;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:101%!important}
.comment_admin {}
.comment_form a {text-decoration: none;text-transform: uppercase;font-weight: bold;font-family: Arial, Helvetica, Garuda, sans-serif;font-size: 15px;color: #24458A;}
.comment_form a:hover {text-decoration: none;}
.comment_reply_form {padding: 0 0 0 20px;border-left: 1px solid #DDD;}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo {max-width: 2.7em;max-height: 2.7em;vertical-align: middle;margin: -0.3em 0 0 0;}
.comment_emo_list .item {float: left;width: 8%;text-align: center;height: 8%;margin: 10px 3% 4% 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;}
.comments .avatar-image-container img {width:36px!important;height:36px!important}
.deleted-comment {text-decoration: line-through;font-style: italic;color: #999;}
#respond {overflow: hidden;padding-left: 10px;margin-top: 30px;clear: both;}
.comment_inner {margin: 0 0 5px 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0dAtCCW2FMNME8qqy-HOFW5cgk2hmo5TVd7fDQzzWePWmrah0-n-eSMFSvW2uKJcOHVy0XDzD5uWaBtn8fLtpjj7eXo2_BJlhEtWzU9p2MLuvB14lXySS7mkLmnOVrw5VKC0MjK8BXrPU/s1600/f-boxAbout-bg_namkna-blogspot-com.png) repeat-x top;padding: 5px 0 5px;}
.comment_reply {clear: both;height: 40px;filter: alpha(opacity=60);opacity: 0.6;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIaZ4WHEBSCg02WI2tl78O1AcCg9Pe0y0XJ-hKKHLhaEkURymEJedrzV80D6Xv8XWFP0gRxvIDBWNXw58uqz5lpqjaXsp9sbPql8dPBdWXC-cM3uiBpK1tzDkmNPmgHHv452PEKlAfdkFl/s1600/reply_namkna-blogspot-com.png) no-repeat top left;padding-left: 16px;margin-top:20px;font-weight: normal;text-transform: uppercase;font-family: Arial, Helvetica, Garuda, sans-serif;font-size: 10px;color: #666;}
.comment_inner:hover &gt; .comment_reply {filter: alpha(opacity=100);opacity: 1;}
.comment_child .comment_wrap {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyy-y69YIzGckuOnB_bP5xsa_WMMlJ__xX4CZWCsZQT0mJyJvWamFOgVY0nnbP3sbiw6drpV2p3Zv0XLtMcyfiYatbuRPe32bFtvDxfGrE8ASnkHOgg-O8OjGnIo6dk04fKYs4fH3EJnz2/s1600/reply_bg_namkna-blogspot-com.png) no-repeat;padding: 0px 0 0 36px;}

5. > Save.
6. > Chỉnh sửa nội dung của ô nội quy bình luận

Cài đặt > Bài đăng và nhận xét > Thư thông báo mẫu nhận xét
Thêm nội dung vào ô > Lưu cài đặt
Nếu bạn muốn thêm code vào ô thì code cần phải được mã hóa

Namkna

Comments

Lê Minh NamNovember 8, 2014 at 4:28 PM
không được nhỉ
UnknownAugust 23, 2015 at 12:25 PM
Ko dc...
UnknownAugust 24, 2015 at 9:42 AM
Chắc bị xung đột code...
Với lại, có những mẫu A, Nó ko hợp vs code B...
Mấy người ko rành thủ thuật, mò hoài chả dc!
Haizzz...
UnknownAugust 24, 2015 at 10:28 AM
Còn 2 cái nữa là blog của mình hoàn thành, sao thêm vào temp dc! Mình có gửi mail á, có rãnh giúp dùm nha! Nhờ bạn giúp hoài ngại thiệt, nhưng ko biết nhờ ai giúp, bạn thông cảm nha...!

Khanh blog

Search This Blog

Thread comment phân đa cấp đầy đủ tiện ích

#Có gì trong mẫu thread comment này

#Thêm hệ thống comment này vào blog của bạn

5. Thêm CSS

Comments

Post a Comment