Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Friday, October 28, 2011

Chèn comment phân cấp vào Blogspot vers 1

Cách tạo Comment phân cấp cho blogspot cực đẹp, load nhanh. Thiết kế blogspot cực đẹp

Chia sẻ:
Chèn comment phân cấp vào Blogspot vers1
Từ lâu, hệ thống comment đơn cấp của Blogspot đã trở thành điểm soi mói và chê trách từ người dùng của các nền tảng khác. Tuy nhiên, kể từ thời điểm này, điều đó chỉ còn là quá khứ vì Blogspot chúng ta đã thực sở hữu hệ thống comment phân cấp hoàn chỉnh không kém gì các hệ thống khác.

Nếu không thích như hình bên dưới bạn có thể xem thêm!

Xem ảnh DemoChèn comment phân cấp vào Blogspot của bạn vers 1 - by: http://namkna.blogspot.com/Chèn comment phân cấp vào Blogspot của bạn vers 1 - by: http://namkna.blogspot.com/
Chèn comment phân cấp vào Blogspot của bạn vers 1
Cách thực hiện: vào Thiết kê -> Chỉnh sửa HTML -> Mở rộng tiện ích mẫu

1. Thêm CSS

Hãy tìm đoạn code sau:
]]></b:skin>
Rồi dán lên trên đoạn vừa tìm được bằng đoạn code sau:
#comments h4 {font-size: 24px;font-weight: normal;margin: 20px 0;}
.cm_wrap {clear: both;margin-bottom: 10px;float: right;width: 100%;}
.cm_head {margin: 0;width: 70px;float: left;}
.cm_avatar {margin: 0;vertical-align: middle;border: 1px solid #DDD;padding: 3px;background: white;width: 35px;height: 35px;}
.cm_reply {padding-top: 5px;}
.cm_reply a {display: inline-block;margin: 0;padding: 1px 6px;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;}
.cm_reply a: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%);;}
.cm_entry {padding: 16px;background: #F7F7F7;border: 1px solid #E4E4E4;overflow: hidden;}
.cm_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: -25px;}
.cm_info {margin-bottom: 5px;}
.cm_name {font-weight: bold;font-size: 12px;float: left;}
.cm_date {font-size: 10px;float: right;font-style: italic;color: #CCC;}
.cm_entry p {margin: 0;font-size: 13px;color: #666;}
.cm_pagenavi {font-size: 10px;text-transform: uppercase;color: #666;text-shadow: 1px 1px white;font-weight: bold;}
.cm_pagenavi a {color: #666;text-decoration: none;padding:10px;}
.cm_pagenavi a:hover {text-decoration: underline;}
.cm_pagenavi span {color: #888;background: white;padding: 4px;border: 1px solid #E0E0E0;}

2. Sửa XML

Bạn mở trình soạn thảo template ở chế độ mở rộng rồi tìm đoạn code sau:
<b:includable id='comments' var='post'>
Gọi đây là đoạn code A. Sau đó bạn hãy tìm đoạn code B như sau (nằm dưới và gần đoạn code A nhất):
</b:includable>
Thay tất cả code ở giữa đoạn AB bằng đoạn code sau:
<div class='comments' id='comments'>
  <a name='comments'/>
  <b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments &gt; 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>
        
        <div id='cm_reply_css'></div>
        
        <div class='cm_pagenavi' id='cm_page'></div>
        
        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>
                
                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/> 
                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                        
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=423434999636488318&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>

                            <div class='cm_entry'>
                                <span class='cm_arrow'></span>
                                <div class='cm_info'>
                                    <div class='cm_name'>
                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                        </b:if>
                                    </div>
                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>                                    
                                </div>
                                
                                <p><data:comment.body/></p>
                            </div>
                        </div>
                    </div>
                </b:if>              
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'></div>
&lt;script type="text/JavaScript"&gt;
&lt;!--
/*Comment thread*/
/*By Ta Van Nam from http://namkna.blogspot.com/*/
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;



    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='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>

  </b:if>
  </div>
Thay 4234349996364883184 bằng ID blog của bạn 
+- Cách xác định ID blogspot:
- bạn vào Thiết kế sau đó copy URL của trang Thiết kế
Xác định ID blogspot - Chèn comment phân cấp vào Blogspot của bạn vers 1 - by: http://namkna.blogspot.com/
Trong đó phần chữ màu đỏ là ID:
http://www.blogger.com/rearrange?blogID=2247542137056218612
Cuối cùng, chỉ cần SAVE TEMPLATE và ra blog để chiêm ngưỡng thành quả. Với hệ thống comment mới, chúc blog các bạn ngày càng thành công hơn nữa.
Đây là đoạn script decode:
// No attribution. Who created this???
// Strongest possible source: http://www.vnblogspot.com/2011/12/comment-phan-cap-cho-blogger.html
var Cur_Url_ThreadCM = window.location.href;
var Cm_Block = document.getElementById('cm_block');
var Cm_Block_Content = Cm_Block.innerHTML;
var Cm_Item_Id = [];
var Cm_Item_Content = [];
var Cm_Item_Level = [];
var Cm_Num = 0;
var Cm_Item_Id_T = '';
var Cm_Item_Content_T = '';
var Cm_Item_Level_T = '';
var i = 0;
var j = 0;
var k = 0;
var h = 0;
var strout = '';
var str_t1 = "";
var str_t2 = "";

function getInternetExplorerVersion() {
    var rv = -1;
    if (navigator.appName == 'Microsoft Internet Explorer') {
        var ua = navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})");
        if (re.exec(ua) != null) rv = parseFloat(RegExp.$1)
    }
    return rv
}
var IE_ver = getInternetExplorerVersion();
if (IE_ver == -1 || IE_ver >= 9) {
    while (Cm_Block_Content.indexOf('id="c') != -1) {
        i = Cm_Block_Content.indexOf('id="c');
        Cm_Block_Content = Cm_Block_Content.substring(i + 4);
        i = Cm_Block_Content.indexOf('"');
        Cm_Item_Id[Cm_Num] = Cm_Block_Content.substring(0, i);
        Cm_Block_Content = Cm_Block_Content.substring(i);
        Cm_Item_Content[Cm_Num] = document.getElementById(Cm_Item_Id[Cm_Num]).innerHTML;
        Cm_Item_Level[Cm_Num] = 0;
        Cm_Num++
    }
    for (i = 0; i < Cm_Num - 1; i++) {
        for (j = i + 1; j < Cm_Num; j++) {
            if (Cm_Item_Content[j].indexOf(Cm_Item_Id[i]) != -1) {
                Cm_Item_Id_T = Cm_Item_Id[j];
                Cm_Item_Content_T = Cm_Item_Content[j];
                Cm_Item_Level[j] = Cm_Item_Level[i] + 1;
                Cm_Item_Level_T = Cm_Item_Level[j];
                for (h = i + 1; h < j; h++) {
                    if (Cm_Item_Level[h] < Cm_Item_Level_T) {
                        break
                    }
                }
                for (k = j; k > h; k = k - 1) {
                    Cm_Item_Id[k] = Cm_Item_Id[k - 1];
                    Cm_Item_Content[k] = Cm_Item_Content[k - 1];
                    Cm_Item_Level[k] = Cm_Item_Level[k - 1]
                }
                Cm_Item_Id[h] = Cm_Item_Id_T;
                Cm_Item_Content[h] = Cm_Item_Content_T;
                Cm_Item_Level[h] = Cm_Item_Level_T
            }
        }
    }
    for (i = 0; i < Cm_Num; i++) {
        j = Cm_Item_Content[i].indexOf('@<a href="#c');
        if (j != -1) {
            str_t1 = Cm_Item_Content[i].substring(0, j);
            str_t2 = Cm_Item_Content[i].substring(j + 1);
            j = str_t2.indexOf('</a>');
            str_t2 = str_t2.substring(j + 4);
            Cm_Item_Content[i] = str_t1 + str_t2
        }
        j = Cm_Item_Content[i].indexOf('class="cm_wrap"');
        if (j != -1) {
            str_t1 = Cm_Item_Content[i].substring(0, j);
            str_t2 = Cm_Item_Content[i].substring(j);
            if (Cm_Item_Level[i] > 6) Cm_Item_Level[i] = 6;
            Cm_Item_Content[i] = str_t1 + 'style="width:' + (100 - Cm_Item_Level[i] * 5) + '%" ' + str_t2
        }
        strout += Cm_Item_Content[i]
    }
    strout += '<div class="clear"></div>';
    Cm_Block.innerHTML = strout;
    Cm_Block.style.display = 'block';
    var Cm_Total_Obj = document.getElementById('cm_total').innerHTML;
    var Cm_Total = parseInt(Cm_Total_Obj);
    if (Cm_Total > 200) {
        strout = '<div style="float:left">Page ';
        var Cm_Page_Num = (Cm_Total - Cm_Total % 200) / 200 + 1;
        var Org_Url_ThreadCM = '';
        var Cm_Cur_Page = 1;
        i = Cur_Url_ThreadCM.indexOf('.html');
        if (i != -1) {
            Org_Url_ThreadCM = Cur_Url_ThreadCM.substring(0, i + 5)
        } else {
            Org_Url_ThreadCM = Cur_Url_ThreadCM
        }
        i = Org_Url_ThreadCM.indexOf('#comments');
        if (i != -1) {
            Org_Url_ThreadCM = Org_Url_ThreadCM.substring(0, i)
        }
        i = Cur_Url_ThreadCM.indexOf('?commentPage=');
        if (i == -1) {
            Cm_Cur_Page = 1
        } else {
            Cm_Cur_Page = parseInt(Cur_Url_ThreadCM.substring(i + 13))
        }
        for (i = 1; i <= Cm_Page_Num; i++) {
            if (i == Cm_Cur_Page) {
                strout += '<span>' + i + '</span>'
            } else {
                strout += '<a href="' + Org_Url_ThreadCM + '?commentPage=' + i + '#comments">' + i + '</a>'
            }
        }
        if (Cm_Cur_Page * 200 <= Cm_Total) {
            strout += '</div><div style="float:right">' + (((Cm_Cur_Page - 1) * 200) + 1) + ' - ' + (Cm_Cur_Page * 200) + ' of ' + Cm_Total + ' comments</div>'
        } else {
            strout += '</div><div style="float:right">' + (((Cm_Cur_Page - 1) * 200) + 1) + ' - ' + Cm_Total + ' of ' + Cm_Total + ' comments</div>'
        }
        var Cm_Page_Obj = document.getElementById('cm_page');
        Cm_Page_Obj.innerHTML = strout;
        Cm_Page_Obj = document.getElementById('cm_page_copy');
        Cm_Page_Obj.innerHTML = strout;
        if (Cm_Cur_Page < Cm_Page_Num) {
            strout = '<style type="text/css">.cm_author_reply {display: none}</style>';
            var Cm_ReplyCSS_Obj = document.getElementById('cm_reply_css');
            Cm_ReplyCSS_Obj.innerHTML = strout
        }
    }
} else {
    while (Cm_Block_Content.indexOf('id=c') != -1) {
        i = Cm_Block_Content.indexOf('id=c');
        Cm_Block_Content = Cm_Block_Content.substring(i + 3);
        i = Cm_Block_Content.indexOf('>');
        Cm_Item_Id[Cm_Num] = Cm_Block_Content.substring(0, i);
        Cm_Block_Content = Cm_Block_Content.substring(i);
        Cm_Item_Content[Cm_Num] = document.getElementById(Cm_Item_Id[Cm_Num]).innerHTML;
        Cm_Item_Level[Cm_Num] = 0;
        Cm_Num++
    }
    for (i = 0; i < Cm_Num - 1; i++) {
        for (j = i + 1; j < Cm_Num; j++) {
            if (Cm_Item_Content[j].indexOf(Cm_Item_Id[i]) != -1) {
                Cm_Item_Id_T = Cm_Item_Id[j];
                Cm_Item_Content_T = Cm_Item_Content[j];
                Cm_Item_Level[j] = Cm_Item_Level[i] + 1;
                Cm_Item_Level_T = Cm_Item_Level[j];
                for (h = i + 1; h < j; h++) {
                    if (Cm_Item_Level[h] < Cm_Item_Level_T) {
                        break
                    }
                }
                for (k = j; k > h; k = k - 1) {
                    Cm_Item_Id[k] = Cm_Item_Id[k - 1];
                    Cm_Item_Content[k] = Cm_Item_Content[k - 1];
                    Cm_Item_Level[k] = Cm_Item_Level[k - 1]
                }
                Cm_Item_Id[h] = Cm_Item_Id_T;
                Cm_Item_Content[h] = Cm_Item_Content_T;
                Cm_Item_Level[h] = Cm_Item_Level_T
            }
        }
    }
    for (i = 0; i < Cm_Num; i++) {
        j = Cm_Item_Content[i].indexOf('@<A href="#c');
        if (j != -1) {
            str_t1 = Cm_Item_Content[i].substring(0, j);
            str_t2 = Cm_Item_Content[i].substring(j + 1);
            j = str_t2.indexOf('</A>');
            str_t2 = str_t2.substring(j + 4);
            Cm_Item_Content[i] = str_t1 + str_t2
        }
        j = Cm_Item_Content[i].indexOf('class=cm_wrap');
        if (j != -1) {
            str_t1 = Cm_Item_Content[i].substring(0, j);
            str_t2 = Cm_Item_Content[i].substring(j);
            if (Cm_Item_Level[i] > 6) Cm_Item_Level[i] = 6;
            Cm_Item_Content[i] = str_t1 + 'style="width:' + (100 - Cm_Item_Level[i] * 5) + '%" ' + str_t2
        }
        strout += Cm_Item_Content[i]
    }
    strout += '<div class="clear"></div>';
    Cm_Block.innerHTML = strout;
    Cm_Block.style.display = 'block';
    var Cm_Total_Obj = document.getElementById('cm_total').innerHTML;
    var Cm_Total = parseInt(Cm_Total_Obj);
    if (Cm_Total > 200) {
        strout = '<div style="float:left">Page ';
        var Cm_Page_Num = (Cm_Total - Cm_Total % 200) / 200 + 1;
        var Org_Url_ThreadCM = '';
        var Cm_Cur_Page = 1;
        i = Cur_Url_ThreadCM.indexOf('.html');
        if (i != -1) {
            Org_Url_ThreadCM = Cur_Url_ThreadCM.substring(0, i + 5)
        } else {
            Org_Url_ThreadCM = Cur_Url_ThreadCM
        }
        i = Org_Url_ThreadCM.indexOf('#comments');
        if (i != -1) {
            Org_Url_ThreadCM = Org_Url_ThreadCM.substring(0, i)
        }
        i = Cur_Url_ThreadCM.indexOf('?commentPage=');
        if (i == -1) {
            Cm_Cur_Page = 1
        } else {
            Cm_Cur_Page = parseInt(Cur_Url_ThreadCM.substring(i + 13))
        }
        for (i = 1; i <= Cm_Page_Num; i++) {
            if (i == Cm_Cur_Page) {
                strout += '<span>' + i + '</span>'
            } else {
                strout += '<a href="' + Org_Url_ThreadCM + '?commentPage=' + i + '#comments">' + i + '</a>'
            }
        }
        if (Cm_Cur_Page * 200 <= Cm_Total) {
            strout += '</div><div style="float:right">' + (((Cm_Cur_Page - 1) * 200) + 1) + ' - ' + (Cm_Cur_Page * 200) + ' of ' + Cm_Total + ' comments</div>'
        } else {
            strout += '</div><div style="float:right">' + (((Cm_Cur_Page - 1) * 200) + 1) + ' - ' + Cm_Total + ' of ' + Cm_Total + ' comments</div>'
        }
        var Cm_Page_Obj = document.getElementById('cm_page');
        Cm_Page_Obj.innerHTML = strout;
        Cm_Page_Obj = document.getElementById('cm_page_copy');
        Cm_Page_Obj.innerHTML = strout;
        if (Cm_Cur_Page < Cm_Page_Num) {
            strout = '<style type="text/css">.cm_author_reply {display: none}</style>';
            var Cm_ReplyCSS_Obj = document.getElementById('cm_reply_css');
            Cm_ReplyCSS_Obj.innerHTML = strout
        }
    }
}
Chúc thành công!
Theo: vnblogspot.

55 nhận xét:

  1. @Minh Nguyen Mình không Áp dụng nó cho template này :P

    ReplyDelete
  2. @HelloXimo Ấn vào nút Trả Lời thì mới Test được :P. Ví dụ đây là Test 1 nhá:)

    ReplyDelete
  3. @Trà Nam Test 3- Phải trả công cho em đó nha :). Trả công Test bằng 1 Template made in Namkna chẳng hạn:P

    ReplyDelete
  4. @TVN NNT Comment Test 4. Sao tự dung không thấy ai Comment nữa nhỉ :(

    ReplyDelete
  5. @TVN NNT Test 5. Comment phân cấp bởi Nguyên

    ReplyDelete
  6. @Fairstar Test thử cái nữa nha Test 6 :P
    nhưng cái này dduwwocj đến cấp mấy thế

    ReplyDelete
  7. :( Cái này được đến cấp 6 thôi à bác :((

    ReplyDelete
  8. @Blogdinhcao Theo như chủ nhân của Code này tức vnblogspot thì chỉ đến được cấp 6 :)
    thêm cái này nữa thì hơn đứt Worldpress rùi nhỉ

    ReplyDelete
  9. đúng là phân nhiều cấp thật nhưng nhìn không được đẹp cho lắm
    :D
    Vì thấy nó thụt ra thụt vào nhìn không đẹp mắt:-t

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. @Fairstar Thank bạn nha. Mình tìm cái này lâu lắm rùi :3) :3) :3) :3)

    ReplyDelete
  12. @Nông Lâm Vô ĐốiChủ Blog kiếm đâuthêm mấy kiểu phân tầng nữa đi, mình thấy nhiều nơi đẹp lắm

    ReplyDelete
  13. @Nguyễn Duy HảiNguyên lý là như nhau nếu muốn thay đổi cho đẹp hơn thì bạn sửa Code CSS ở bước 1 là Ok!

    ReplyDelete
  14. May mắn cả năm nhé bác
    Chúc mừng năm mới :D

    ReplyDelete
  15. @Đing Kiu Truê thank you! Wish you a new yaer with many happy, succsses! :1)

    ReplyDelete
  16. Anh namkna ơi, em đã làm như trên rồi nhưng vẫn không được ạ, blog của e sử dụng threaded comment, cách edit code có giống trên không ạ?
    Em còn gặp một số vấn đề về blogspot , mong anh giải đáp giúp, em chèn code nội quy vào, khi chưa có comment thì nó hiển thị đúng, còn khi có comment rồi thì code không hoạt động nữa ạ. Em xem đi xem lại code mà ko hiểu, vì e đặt nó sau footer-line-3, không thấy có lệnh điều khiển nào cả
    P/s: Em mù tịt, nói mò, a bỏ quá, có gì a xem fix giùm em được không ạ :2) :2) :1)

    ReplyDelete
  17. @vlpm4st3r 1- Giải quyết vấn đề Khung nội quy trước nha.
    - Nếu còn nhớ thì anh đã giới thiệu bài viết Khung nội quy nhận xét tự động đóng em có thể xem lại TẠI ĐÂY
    - Nguyên tác của khung này là anh dùng lện để khung tự dộng biến mất sau một khoảng thời gian do mình định trước. Em có thể bỏ chức năng đó đi bằng cách bỏ các đoạn sau:
    Đoạn 1:
    .comrule-close{float:right;margin-right:-5px}
    Đoạn 2:
    <script type='text/javascript'>
    function closediv() {
    document.getElementById(&quot;comrule&quot;).style.display=&quot;none&quot;;
    }
    setTimeout(closediv, 120000);
    </script>

    Đoạn 3:
    <a class='comrule-close' href='#' onclick='closediv()'><img alt='Đóng lại' src='http://www.blogger.com/img/close.png'/></a>
    Thế là được :3) :3)
    2- Về vấn đề Chèn Comment phân cấp em làm như sau:
    - Mở rộng tiện ích Mẫu và tìm đoạn code sau:
    <b:include data='post' name='threaded_comments'/>
    Thay thế toàn bộ chúng bằng code sau:

    - Tiếp theo xóa toàn bộ đoạn CSS sau:
    /* Comments----------------------------------------------- */
    #comments{padding:10px;background-color:#fff;border:1px solid #eee;}
    #comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:#999999}
    #comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
    #comment-name-url{width:465px;float:left}
    #comment-date{width:465px;float:left;margin-top:5px;font-size:10px;}
    #comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#fff;border:1px dashed #ddd;}
    .avatar-image-container{background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
    .avatar-image-container img{width:32px;height:32px;}
    a.comments-autor-name{color:#000;font:normal bold 14px Arial,Tahoma,Verdana}
    a.says{color:#000;font:normal 14px Arial,Tahoma,Verdana}
    .says a:hover{text-decoration:none}
    .deleted-comment{font-style:italic;color:gray}

    => Tiếp theo am hãy làm theo thủ thuật này là OK :D) :D) :D) :D)

    ReplyDelete
  18. Về khung nội quy , em muốn hỏi là sao lúc chưa comment thì nó có thể hiển thị đúng, còn khi có comment rồi thì khung nội quy biến mất, chỉ còn phần nội quy thôi ạ.:C) :C)
    Còn về threaded comment, đoạn code thay thế là gì ạ?Có phải là xoá nó đi ko ạ?:C) :K)
    P/s: 11h kém mình post cm, tưởng a ngủ rồi:D) :1) :1)

    ReplyDelete
  19. em làm được rồi ạ , phải xoá cả cái threaded comment nó mới hoạt động , để giờ áp dụng thủ thuật của anh namkna đã :1) :1) :3)

    ReplyDelete
  20. @vlpm4st3r Đúng rồi phải xóa cả cái threaded comment đi mới được :3) :3) :3)
    Đoạn 2 anh viết thiếu:
    Em thay đoạn:
    <b:include data='post' name='threaded_comments'/>
    Thành
    <b:include data='post' name='comments'/>
    Và xóa đoạn CSS anh bảo nha,
    P/s: Hôm qua thức khuya giờ mệt gần chết :B) :B) :B)

    ReplyDelete
  21. Hehe, em mọi khi chơi ug còn thức khuya hơn :1) :1)
    Em xoá nó rồi ạ, temp em có lệnh if, nhìn vào vẫn hiểu đôi chút, nên xoá cái lệnh đó và đoạ code đó rồi ạ :3) :3) :2)
    Thanks anh, giờ áp dụng cái comment phân cấ ver 2, mới tìm ra hehe

    ReplyDelete
  22. @vlpm4st3r Uk trước chơi kiếm thế anh cũng thức khuya đến 4 giờ sáng cơ. Giờ bỏ rùi thức khuya hại người lắm :3) :3) :3)

    ReplyDelete
  23. Bác admin cho hỏi chút. Ngày trước mình đã áp dụng thành công code này với phân đa cấp cho comment. Nhưng hiện tại mình dùng code này cho 1 template khác thì lại chỉ phân có 2 cấp. Làm ơn chỉ giùm với !!!

    ReplyDelete
  24. Cách phân đa cấp mình làm được rồi, chỉ cần thay

    thành
    .

    Nhưng vấn đề mình muốn hỏi nữa là: Có cách nào khi nhấn vào comment nó xuất hiện luôn ở bên dưới comment trước mà ko nảy ra một khung soạn thảo comment khác không ?

    ReplyDelete
  25. anh ơi để chèn baner và một liên kết web thì làm thế nào ah?cho em đoạn code mẫu với

    ReplyDelete
  26. @[Z]_[O] Có 2 vấn đề bạn cần phải xác định khi áp dụng mẫu này.
    1- Hiện nay blogger đã cung cấp bản threaded comments do vậy bạn phải vào mở rộng tiện ích mẫu và tìm tất cả các đoạn code sau:
    <b:include data='post' name='threaded_comments'/>
    Và đổi chúng thành
    <b:include data='post' name='comments'/>
    2- Do tất cả các mẫu của blogger và các mẫu template trên mạng đều có CSS comment riêng do vậy bạn phải xóa tất cả các dòng có dạng:
    #Comments .....
    và:
    .comment .......

    do mình không biết bạn đang áp dụng cho template nào nên không chỉ rõ đoạn CSS cần xóa được.
    - Nếu bạn không tìm thấy đoạn CSS cần xóa thì để lại đường dẫn blog đó ở đây mình sẽ chỉ giúp bạn. :3) :3) :3) :3)

    => Vấn đề bạn hỏi tiếp theo là muốn cho dòng Text hieent thị trực tiếp trong khung Comment: mình trả lời bạn như sau hiện tại blogger chỉ cho phép bạn thực hiện các thao tác chỉnh sửa giao diện của blogger, chứ không cho can thiệp sau vào cách thức hoạt động của phần comment nên chưa can thiệp được. Bạn có thể đọc điều khoản của blogger sẽ thấy rõ quy ddonhj này. Do vậy với cách cho thẳng vào khung Comment chúng ta phải chờ bên blogger đưa ra các bản cập nhật mới nhất thôi.:3) :3) :3) :3)

    ReplyDelete
  27. @baok32 Em xem đoạn code sau nha:
    <a href='liên kết tới Web'><img title="Dòng chữ mô tả" src="Link ảnh làm bannner"/></a>

    ReplyDelete
  28. Bạn oi giúp mình với
    Mình muốn cái ô cmt này í, khi bình thường nó đóng lại, khi người đọc muốn cmt thì bấm vô nó sẽ mở ra. (Mình muốn nó gọn gàng site đi í mà)

    Thanks

    ReplyDelete
  29. @Green Viet Nam- Đầu tiên bạn tìm code:
    <div class='comment-form'>
    ( chú ý là cái này có 2 cái, bạn chèn trước cái đầu nhé)
    - Và thêm trước nó đoạn code sau:
    <script type='text/javascript'>
    //<![CDATA[

    if(typeof(rnd) == 'undefined') var rnd = '';
    rnd = Math.floor(Math.random()*1000);
    rnd = 'id-' + rnd;
    document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="text-decoration : none;float:left;margin-right:5px;">');

    //]]>
    </script>Đăng một nhận xét

    <script type='text/javascript'>
    //<![CDATA[

    document.write('</a>');

    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    document.write('<div id="' + rnd + '" style="display:none;">');
    //]]>
    </script>

    - Và tìm tiếp code:
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>
    - Thêm vào sau nó code sau:
    <script type='text/javascript'>
    //<![CDATA[
    document.write('</div>');
    //]]>
    </script>

    - Giờ vào blog và coi thành quả của bạn đi nha.:3) :3) :3) :3)

    ReplyDelete
  30. Ô cmt thì đóng mở đúng kiểu rùi bạn ạ, nhưng vấn đề là nó làm câu trúc theme của tớ bị xô lệch hết í, bạn test lại coi giúp mình đi nhé

    Thanks

    ReplyDelete
  31. @Mr Tran Là blog nào trong số 4 blog thế bạn. bạn để lại link đến blog đó để mình coi :C) :C) :C)

    ReplyDelete
  32. @Fairstar
    Blog nè : http://misonim85.blogspot.com/
    bạn coi thử xem, nhớ mở bài bên sidebar nhé. blogtest mà

    ReplyDelete
  33. @Mr Tran Nếu quyết định áp dụng thủ thuật này thì bạn hãy xóa đoạn code sau trong Template đi nha.
    /* Comments
    ----------------------------------------------- */
    #comments{width: 620px;margin-left:5px;}
    #comments h4 {
    margin:0 1em 1em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing:0m;
    color: #d70948;
    font-size: 13px;
    padding: 0 0 0px;}
    h4#comment-post-message{display:block; margin-left:0px; width: 100%;}
    #comment-form, .comment-form{margin: 0 0 0 45px}
    #comments-block {
    margin:1em 1em 1.5em ;
    line-height:1.5em;}
    #comments-block .comment-author {margin:.10px 0px 0px 10px;border-bottom: 1px solid #ccc}
    #comments-block .comment-body {
    margin:.25em 0 10px 0px;padding: 4px 4px 20px 10px;}
    #comments-block .comment-footer {
    margin:-15px 0 4em 5px;float:right;
    line-height: 1.5em;
    letter-spacing:0;font-size:9px;}
    a#Blog1_backlinks-create-link{padding: 0 0 0 15px;}
    #comments-block .comment-body p { margin:0 0 .75em; }
    .deleted-comment { font-style:italic; color:gray; }
    #comments-block .avatar-image-container img {
    border: 1px solid #333;
    float: right;margin-top: 5px;}
    #comments-block .avatar-image-container {
    height: 37px;
    left: -40px;
    position: absolute;
    width: 37px;}
    #comments-block.avatar-comment-indent {margin-left: 55px; position: relative; }
    #blog-pager-newer-link { padding: 0px 0 0 30px; float: left;}
    #blog-pager-older-link {padding:0px 35px 0px 0px;float: right;}
    #blog-pager {padding-top:25px;text-align: center;}
    .feed-links {text-indent:-9999em;}

    Sau đó áp dụng thủ thuật này là Ok.:3) :3) :3) :3)

    ReplyDelete
  34. Chốt lại là vẫn không được,vẫn xảy ra lỗi như cũ :H)

    ReplyDelete
  35. @Tran Duc Thao bạn đã thay đổi ID blog của bạn ở bước 2 chưa thế. :C) :C) :C) :C)
    Nếu bạn không thể làm được hãy share quyền cho mình tại email: tavannam01@gmail.com mình sẽ giúp bạn thực hiện nó.:3) :3) :3)

    ReplyDelete
  36. Bạn ơi, mình làm thành công rồi, nhưng bị vướng ở chỗ là khi "Reply" thì cmment không thụt vào x_x

    ReplyDelete
  37. @Băng Mình đã qua Blog bạn và Test tháy thủ thuật chạy rất tốt và ổn ddingj. Bạn có thể xem phần mình test trên blog bạn Tại bài này:3) :3) :3) :3)
    - lưu ý trả lời bằng khung replyy thì bạn phải reload lại trang mới thấy nhận xét đó. :3) :3) :3)

    ReplyDelete
  38. @Fairstar Đã test lại. Cám ơn bạn nhiều :2)

    ReplyDelete
  39. @Băng Không có gì đâu bạn :4) :4) :4)

    ReplyDelete
  40. Nam ơi mình áp dụng rồi mà không được.
    Đã thay ID
    Không có lỗi gì.
    Nhưng vì template này mình tự ds nên có lẽ thiếu mất tiêu cái phần comment không biết sao. Nam ghé sang xem sao nha.
    link: http://ncth4na.blogspot.com/2012/04/download-bo-video-nang-cao-ve-c-tren.html

    ReplyDelete
  41. @Nguyễn Doãn Đức Với các blog mới blogger đều mặc định comment là threaded comments. bạn thử đổi các dòng:
    <b:include data='post' name='threaded_comments'/>
    Thành:
    <b:include data='post' name='comments'/>
    Coi sao:3) :3) :3)

    ReplyDelete
  42. Tks Nam nha
    Mình làm được rồi. Nhưng nhìn có vẻ không được đẹp lắm. Nam có loại comments nào đẹp hơn không giới thiệu cho mình đi :D

    ReplyDelete
  43. @Nguyễn Doãn Đức Hiện nay bên Tiến nguyên có một loại mới ra sử dụng cũng được đó Xem ngay. Còn giao diện thì mẫu chung nhau rùi. Muốn khác biệt thì bải tùy biến xml và css thôi. Thay đổi vị trí của xml và một số thuộc tính CSS là Ok.

    ReplyDelete
  44. Cảm ơn Nam nhé, bài viết rất bổ ích mình vừa áp dụng cho blog mình: http://beautifulgirls1234.blogspot.com

    ReplyDelete
  45. mình không áp dụng được bạn ơi

    ReplyDelete
    Replies
    1. Trướ khi chèn css ở thủ thuật này hãy xóa tất cả các đoạn CSS bắt đầu bằng 2 thẻ dưới:

      #comment
      .comment

      Delete