VinaLuv Threaded Comment - Phiên bản "bẻ khóa"

Bài viết mình sẽ giới thiệu dưới đây là một hệ thống comment được viết bởi Tien Nguyen với cái tên VINALUV(Thầm Yêu Việt Nam). Thật sự mà nói thì mình cũng đã đi tham khảo rất nhiều các hệ thống comment từ nhiều blog nhưng thấy rằng ổn định và thẩm mỹ nhất vẫn chỉ có VINALUV.

Tuy nhiên điều mà mình băn khoăn nhất khi viết bài này là mình sẽ giới thiệu hệ thống comment của Tien Nguyen nhưng đã được tác giả của BloggerTuts chỉnh sửa và "bẻ khóa". Tại sao mình lại nói là "bẻ khóa"? Bởi vì đoạn code gốc do Tien Nguyen cung cấp đã được mã hóa và chỉ sử dụng cho đúng link blog đã nhập, hình ảnh bên dưới cho thấy khi ta xem trước bài viết sẽ hiện ra thông báo do không đúng link blog ta đã khai báo. Đồng nghĩa với việc nếu người nước ngoài ghé thăm blog ta và sử dụng translate google để dịch toàn bộ trang thì họ cũng sẽ không thể comments được nếu muốn. Ngoài ra khi muốn đổi tên miền bạn cũng phải lấy lại code và theo mình đây là những khuyết điểm của VINALUV

Và blog BloggerTuts đã chỉnh sửa cho hệ thống comment này hoạt động như mặc định và vẫn giữ nguyên được các tính năng đặc biệt của VINALUV như comment đa cấp (mặc định của blogger chỉ có 2 cấp), chèn hình ảnh,biểu tượng cảm xúc và video. BloggerTuts  đã chia sẻ thủ thuật này cho các blogger của đất nước họ vậy tại sao mình không chia sẻ đến các blogger của Việt Nam trong khi đấy tác giả lại là người Việt Nam?

Thực hiện

Bước 1: Tìm <b:include data='post' name='threaded_comments'/> và thay toàn bộ đoạn code tìm được bằng

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

Bước 2: Dán đoạn bên dưới trước thẻ ]]></b:skin>

#comments h4{font-family:Arial,Helvetica,Garuda,sans-serif;font-weight:normal;text-transform:uppercase;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;border-left:1px solid #DDD}
.comment_inner{background:white;width:100%;zoom:1;display:inline-block;outline:none;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.17);-moz-box-shadow:0 1px 1px rgba(0,0,0,.17);box-shadow:0 1px 1px rgba(0,0,0,.17);-webkit-background-clip:padding-box;margin:7px 0 8px 0}
.comment_header{margin:15px 15px}
.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_name{margin:0 0 0 40px;font-family:Arial,Helvetica,Garuda,sans-serif;font-weight:normal;font-style:normal;line-height:1;margin:2.1em 0 1em;color:#525252;}
.comment_name{margin:0 0 0 40px;font-family:Arial,Helvetica,Garuda,sans-serif;font-weight:bold;line-height:1;font-size:16px}
.comment_name a{color:#525252;text-decoration:none;text-shadow:0 0 1px #DDD}
.comment_name a:hover{color:#F90}
.comment_service{margin:0 0 0 41px;color:#CCC;font-size:12px;font-style:italic}
.comment_reply{float:right;margin:-25px 0 0 0;color:#F90;font-weight:normal;text-decoration:none}
.comment_reply:hover{text-decoration:underline}
.comment_body p{font-size:13px;margin:10px 15px;color:#666;word-wrap:break-word}
.comment_avatar .avatar-image-container{height:36px!important;width:36px!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnJ2s96DsOUbNk2Ngg8fvuZV6tBVZ5CubbmtyMY0DEf45QRIxEWn5D8U05vLEDR5KBx_Elgxqu3C2yMRurICuwCqHQbQAc1OYpYMx4o_lyZ2yeWVPQRDDW3yIAzsX8PwAfJN59CMTYmU/s35/ano_icon.gif) no-repeat;border-width:1px;-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{background:#FFE}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px;color:#F90}
.comment_form a:hover{text-decoration:underline}
.comment_reply_form{padding:0 0 0 20px;border-left:1px solid #DDD}
.comment_reply_form .comment-form{width:99%}
.comment_emo{max-width:1.5em;max-height:1.5em;vertical-align:middle;margin:-0.3em 0 0 0}
.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}
.comments .avatar-image-container img{width:36px!important;height:36px!important}
.deleted-comment{padding:10px;display:block;color:#CCC}
#respond{overflow:hidden;padding-left:10px;margin-top:30px;clear:both}

Bạn có thể chỉnh sửa lại giao diện nếu có chút kiến thức về CSS
Bước 3: Thay toàn bộ code bên trong đoạn <b:includable id='comments' var='post'> và </b:includable> gần nhất bằng đoạn code bên dưới

<div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
        
          
          
         <b:if cond='data:post.numComments != 0'>
          <h4>
           <b:if cond='data:post.numComments == 1'>
            1 <data:commentLabel/>:
           <b:else/>
            <data:post.numComments/> <data:commentLabelPlural/>
           </b:if>
          </h4>
         </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>
               <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>
               <b:include data='comment' name='commentDeleteIcon'/>
              </div>
              <div class='clear'/>
             </div> 
             <div class='comment_body'>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
                                                            <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'>
            <h4 id='comment-post-message'><data:postCommentMsg/></h4>
            <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[
/*
       ***************************************************************
       Project name: VinaLuv - multi-threaded comment design
       Author name: Tien Nguyen Van
       Site name: http://www.bloggeritems.com
       Lisence: Creative Commons
       Version 1.2
       ***************************************************************
       */
       //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 = [
        'O.O'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxyr2b8FWhwQDjWbYWh-cIDlXZG4Llssto-MyfE58Abm8XwQzCBzHag7Zsg3a0WKfSgs5nzan8rwlidvPMUI_9Ugjawau8-gNowe4G8m2NoBdi1X2DIKOekRwhy-Dbmrv9rUfuJQkKEGY/s68/andor.gif',
        '-"-'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZ9dQq5Dp9mPffpDYtO34oqCrVT3zsd7IoKGYpungk54dheLpDzfmAK-WIhyphenhyphenJCWjGyKlL4Gqm90HY1VX5qwcZIwIhskgiqC4ehDPKJ1oEtMTitD4Knbr3RfHfkUlIHRceb335sykdDmE/s71/angry.gif',
        '(*.*)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_o7vwP6OCeYlGqJJul-0Cm0qaFuUALYU8cG1WNs2Wi-Te7A6hofbvkD50-6l67QddVLmXirIvLevHRqxf8GXku8EbvtneHFFQdWdBQT2ELyrJZzLx-2cP1VIuLoncKpeRaX2PC7wAWbs/s68/big_love.gif',
        '*-*'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfzXSVH7UtNai2N-dIyUoaJbU0ZhQ7EsP4LWxlndLE-OOk0YOZnJWV1Gy-wNFglbr8MA6oO-N3PUHlqFDM95NO5_8xTMmFgsIk1Unwis0xVtxMLA3ket7rfHefXrnZ0SGos4X3hHDcseY/s69/blushing.gif',
        '="='  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0KqaNF-oNotg6ywO3BJPU8UqYCOpRDAD2BGFNdmgcdtW3vrHwuPNjPP35FnzlgrAeiPYQfemjxf50nfnOkeorThxIvgTnehPzPtEk2UDkXsTA8Swz6cu6Hdab0LYLAgHCDfl-c3xbmVc/s69/boss.gif',
        'o"o?'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheijLlIV8tD2AB_cxvuLJTgqYz74-7SqPrZZB5kG6iiTNK97yjcg55LkNG24w8hvd2ekmHEPsSZtZGlhEpswLtlAu79NVNbGRzU1u1UDdjiWhXqcht0IUI6Ot2YoHHLpbBfJ3UMaRyYn4/s71/confuse.gif',
        '(T_T)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjox3DLuemv3yNogR8LX4Ls28Gd4Y-GqICb0hWiWTsx8EpXE4y7jqPWym3PEmrqZ7GXtnK9uZUOQyx6QIt7sXau6m-XRstY39Xytetjn7IqJIc-ay5c1mTfotLNxIGB2QENmgKYXlKOo3E/s68/cry.gif',
        '(--;)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR8oX0RVo-6OPlWhrYEtdpGhnGx2acK-SapftNpEnXqcJeeE_AmwjaOhdDBrDisVTj7o_ugN6K4a1GSZQ7kimZD5rJ2bZ3Lo1OAXx2pIOi9mhMTddPNoT00CKueeqQbVC-IWEfX6sI8Io/s69/down.gif',
        ':^D^:'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2P4Jg_HIY9-9cN-nqJ7hgHpt_FNK61LJZnp4L20P94-7lIAApUlGueaaFRpV0WZ_cjOLShyphenhyphen1E5Fcv-wYghFzgaELOqGBMRI1TKTF9aTAYJGgByWVHvHRcGuQvJMQx0AX9-1dXzlowTiY/s69/hi_smile.gif',
        ':@v@:'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSi2xZoMnfq1CxXZiYSkpPrLzE_TI57rlkE5_CAmK-LowAkHxrxAoxMXjNjepPmZ9Z_OqhvDw5QDJ6TOeiJJCcrCHPZKgtbfH8bn2ztdCqVTyB2YZ7Go_hKmr4lubZakdajgXh4wpI0T6p/s69/hypnotized.gif',
        '-.-b'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFX73SWDMalND6dsnAhyphenhypheneJU7NVheh1-1_gZQLUzGxYvqH-NP2mucANXp5PaVHx1toNkD62LP_1_VdFj67WLSBcZ11z4-J30wwdi4Qodu4xZo5Q7FGlH9g-EkoZ-Jwqcfhsdaxu8ePC1dY/s71/music.gif',
        '(==)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdftVq2HDdVstgtu86u9IW0QgMoKBTJ0_rGBUPQHV0WXktQRDrwVJdjmWCQVJa1VF7JqtHup-ofPZKNpS3VAk6HCngL7EM6J8Mg5lP0HPy4WlMOUK-qFvJM4I0bsUvH4ENuLaHmF97Eg/s69/no_see.gif',
        '(oxO)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFMA6lTqSnvdpdxsoIUxAZSC3BYkymFj3v-GHK0VKJ6Vb4LtssimY0mLkYzgWxsEgyqslJ9z9y2StLLm3CUC5L8EYDziYt0jQsRLJQOnukNdPXN7Zp_jV2Fnuf5EVNNaQNXsAnJhagI0k/s69/no_talk.gif',
        'o(O'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWbNuUw8w4BtN8JSalYgvunG4gRjLt9WQKhOvfcjxyh5vNaz2ogpjRkbI6gKXcMyMJ-1erBCPVcQncYi1apG6cSe9IT7sauxHkEoByjHq-I0lUjOSfw9uKqP3M-xnO1apg9xxSL4U-nVI/s70/sick.gif',
        '(--)z'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Rq87dqDj7ZVgqDeyxlt9zXrd_EZX15i2K3riYv28NU0OKvSoOrhK5IiU8kfDhFfOfh4-2CnRT07sn2T8wEbjHkBXFrP_ITUGXw-vW3C5eb7Ffs4uHIJdiMO75Cm-ucDDCGbpCPOot5s/s72/sleep.gif',
        '(*0*)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYE4DyXLwF0JCoBHYDikl2NGCoYl7PkJySd3oy7RNLTHKNzVtTQsBZjFEdBKFXqzYoLdJPuV2ShpMj6pe7e7HCzkJMchDYo_wK_F9MFHv8vjHJliTmGBoQxodEuiCCAwYxYIAcn3RIqzA/s69/surprise.gif',
        '^q^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW3C-IyeSHmLov1f0Xb4LuMLWV7C30lfodWOjxiBBD6AOOdLESmEQ_7x7NlOv8Pp6bTFROrPATDHg9zAU6KzPc_8Wa4lr8ZXCtkqjeptRGx-6-tXeVrn27HvtIojgdcDLQVXAhicUy0B0/s69/tongue.gif',
        '(o_o)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVdzBz0VEBkheCLxcgT2brtpe3kmx_5JSOIzucg_1YprebQuc83mekgk3Tb4hDBe9-8TT39zW7qUHWJ7QWuRsoXiM7PaVkbMexSHFPaqK7DLVxnIlbO7KjmhwUnKKkioyr7XBeVLn6r8Q/s69/v_smile.gif',
        '*_`'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWGjuFCteKNaLNde9qjsj-_VOCA8FKKG6qF7QhTsiDyLLjEaU_DHjHDjFH0JhwbHV2Lv3WPvmVw-R4gEOjpRai7lb-QfPFGYNfNV7wkqESeB9avb43PzdHONUjsAuiIm98CYg1LNNVxqVB/s68/whew.gif',
        '**"'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnER0bVpoOes3KuUJBNuqsGGJStOYt3VWIP4FTzz10vtJlOqJwcM4haizHyCDQNrKHKcMqCDlFF9KyKICVrVHcFH7OnBNVskqV6yfjlu_yBgFRI-6rUunfgX5ngVswKVkbHFMIgsi_DFD4/s73/worried.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>

Khi chỉnh sửa lại đoạn code mã hóa tác giả của BloggerTuts  đã bỏ thông tin tác giả đi và mình đã thêm lại vào cho "phải phép". Vì vậy nếu có sử dụng xin bạn cũng đừng xóa nó đi

/*
***************************************************************
Project name: VinaLuv - multi-threaded comment design
Author name: Tien Nguyen Van
Site name: http://www.bloggeritems.com
Lisence: Creative Commons
Version 1.2
***************************************************************
*/

Chúc bạn thành công! 

Nguồn VNBlogspot

Chỉnh sửa bởi BloggerTuts