Blogger Threaded Comments Hack V.3 ~ Mozards

Wednesday, 18 December 2013

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

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

ganti dengan kode ini :

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

Untuk Threaded Comments V.3 silahkan pilih mana suka.

Demo

Demo Style 1

Simpan kode ini di atas </b:skin>


#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42DXUMkcUj-AJldzsKBLjtsLdhDp_0hAKACssVQ_1ziTGxf3_uOMZLR_isIiGRYEVQjCnwmuhHzhn87Cfs5uW-76Y0_zjN7-6KkI9H6BwQSIkbnD3zExYs8-qiyTUUW-qoyDwop00RdX5/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg33rMLKGOdpbYVkCVev-MLk2DVSUR__5yS2jNKVQX9HcsUoIm-g0X6NiWkwQvcovNesPik9KXQdfl0yCGf02gPPc5fr_Ayu-MNvB5QZhEPWHt_cZ0upQHZmLg4HkPhqk2JJOX65HSiL64/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42DXUMkcUj-AJldzsKBLjtsLdhDp_0hAKACssVQ_1ziTGxf3_uOMZLR_isIiGRYEVQjCnwmuhHzhn87Cfs5uW-76Y0_zjN7-6KkI9H6BwQSIkbnD3zExYs8-qiyTUUW-qoyDwop00RdX5/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4AIgG8_8lgSMdxa6INOKqjlEGju39YFdm55323tzJJmtHhfjM4ThA0mFSW1aWvzPYerSl5aJNGdutwhCoHfhjpMFejtfdG4YY-QPbr2O3agzxnDNQIMnpAiR2Zf_AddhWH5yjxedt3U/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}

Kemudian ganti kode :

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

dengan yang ini :


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

<div class='comments' id='comments'>

 <b:if cond='data:post.allowComments'>

  <b:if cond='data:post.numComments != 0'>

   <h3>

    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:

     <b:else/>

     <data:post.numComments/> <data:commentLabelPlural/>

    </b:if>

   </h3>

  </b:if>

              

  <b:if cond='data:post.commentPagingRequired'>

   <span class='paging-control-container'>

    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

    &#160;

    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

    &#160;

    <data:post.commentRangeText/>

    &#160;

    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

    &#160;

    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

   </span>

  </b:if>

                      

  <div class='clear'/>

  <div id='comment_block'>

   <b:loop values='data:post.comments' var='comment'>

                                                                            

   <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                    

      <b:if cond='data:post.adminClass == data:comment.adminClass'>

       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;

       <b:else/>

                            &lt;div class=&#39;comment_inner&#39;&gt;

      </b:if>

   

    <div class='comment_header'>

     <div class='comment_avatar_wrap'>

     <div class='comment_avatar'>

      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>

              </div>

<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>

     </div>

                        

     <div class='clear'/>

    </div>

        

    <div class='comment_body'>

                                      <span class='comment_arrow'/>

     <div class='comment_name'>

      <b:if cond='data:comment.authorUrl'>

       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>

       <b:else/>

       <data:comment.author/>

      </b:if>

       <b:if cond='data:comment.author == data:post.author'>

         <span class='comment_author_flag'>Admin</span>

       </b:if>  

                  <span class='comment_service'>

      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>

<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJtzIaNIBUYdKoLRknlakGe56HPtOXu7SKQ-qSAs3rji2x-L17ov-zHpTXYLKfregNTaXsoGQf_Ntm4jpOperKGg6G4gsc2IRdC5MAbdNsMIV3vGhRdevkS1PwJxcHP8pe5gaDmiKdC0/s1600/delete4.png' title='Hapus Komentar'/>

</a>               

      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>

                  <data:comment.timestamp/>

        </a></span>

  </span></div>

     <b:if cond='data:comment.isDeleted'>

      <span class='deleted-comment'><data:comment.body/></span>

      <b:else/>

      <p><data:comment.body/></p>

                        <div class='clear'/>

                     

     </b:if>

                                                     

    </div>                        

     <div class='clear'/>

     &lt;/div&gt;

     <div class='clear'/>

          

    <div class='comment_child'/>

    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>             

    </div>

   </b:loop>             

   </div>   

    <div class='clear'/>

    <b:if cond='data:post.commentPagingRequired'>

     <span class='paging-control-container'>

       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

       &#160;

       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

       &#160;

       <data:post.commentRangeText/>

       &#160;

       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

       &#160;

       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

     </span>

    </b:if>

    <div class='clear'/>

  <div class='comment_form'>        

        

   <b:if cond='data:post.embedCommentForm'>

    <b:if cond='data:post.allowNewComments'>  

      <div class='comment_emo_list'/>

     <b:include data='post' name='threaded-comment-form'/>

       <b:else/>

       <data:post.noNewCommentsText/>

    </b:if>

    <b:else/>

    <b:if cond='data:post.allowComments'>

     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>

    </b:if>

   </b:if>

  </div>

 </b:if>

</div>               

       <script type='text/javascript'>

       //<![CDATA[

       if (typeof(jQuery) == 'undefined') {

 //output the script (load it from google api)

 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");

}

       //]]>

       </script>

    

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

       <script type='text/javascript'>

     

         <b:if cond='data:post.numComments != 0'>

         var Items = <data:post.commentJso/>;

         var Msgs = <data:post.commentMsgs/>;

         var Config = <data:post.commentConfig/>;

        <b:else/>

         var Items = {};

         var Msgs = {};

         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};

        </b:if>

       //<![CDATA[

       //Global setting

        Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment

        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan

        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable

        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.

                                Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi

        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true

     

        //Pengaturan Emoticon

        Emo_List = [

        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTZdNQIK_3VE9Q5NY1nEapJlN2UnkItqJMddOie3nS78jXMMNjUBhtajgQWvqp3sk-J-lJLGwUZm4J-YIYtHzhp2Qq_trwgfSzvd8QJyPlj4qvys6wzOaxnOD443WloyRpuM6ziS8abE/s1600/smile1.gif',

        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvkRB7NulBiGZaWUnsaMIRjOkRiMZBaseQCe1Wu-xOocwJiQg0TVDN8JoiPTL1aYWRFOnq1ZGZmSAKCdY_aoFzRGeqsN0lh8HQ_1CmeLpp_oEQuY_v6mnqNJnWQQNkwPZUUwsJTS4ErrU/s1600/sad.gif',

        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXSCBhRtvXcVZJO9YE2aXBesuslZ4XLVEAUqdbGguOKPLnVSiya0vqTrjrFQwWOrxLtgxdpBGxYjs2A9UOGPodSYL6P6xcX9Ne70Xoo4-yXph2IuqmmxFn8JJCFFnhrNatlIqRdfUVtoc/s1600/sadanimated.gif',

        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM-nXYCJT0hhMTXXEAFQPbtlQHOd1ULe-WJ87WPQ5rJNcVOgaVkcjE3dFr68vgfVJywYyHAO35Wx6ApKaaex9gw8Oi5BXQFACAqqI1OPrjqK59ZKpeNlS9sxMi9CUEeSjw4FRKh3AnOgg/s1600/smile.gif',

        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jb-leZusu2m1GqQO1xxGb0X9fpIfw2fpySXMLfuYkSk4p6msjjJdhxxhQMSJXor53SBg-7dmfiligacEx1_jYih27nkH_ZLcROaEFxVjWCIBeEQtphlMo7CzE3MfywwdSOW-V7XD_aE/s1600/icon_smile.gif',

        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF_htQF1jcoicY44H8EHgB05kLpnaOhPl2Vl_yrN1aloUs5WjtpaOdCpjtQH4K5ImRT4HFJzrrvIb_w3VjQgUwZzw3WfZ_72kIOnR5F5eeu1asqy04Ozymp0sa14MuYezaq-O5oLzY8hI/s1600/hihi.gif',

        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMtgaa9-mR8NDY_0YdczlMiUN8qJmH8cn6wKa9tbpVALCIIYFfTC_Fhip8WKkXN-j3RSNLCfKbX4R7Z_7OTpnM8JJxpnGwK72OeAvtXXHOwqvNdx8-cv3tOiwY42BZlV4FAUXEIqjllQ/s1600/applause.gif',

        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbiaceRhklxmUkRMDvywVzowGcVnOJQ0cOyAyxTqhJqt-zypoTVi6tdvCgTTqIgTFoVmUhqo1mrXsy7wS-_mBWsJlUwH5-5CNxxVakSutTxCN8sEy4Qp_wcTQ5wmT3rroHEYN3fWoqx3o/s1600/rolleyes.gif',

        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgqrVu4T0tAJbu7LHkZu3Ll-RcemOFqoL0zFWUnpMwtJEBpyw0nJWXheF1i7b9R9lSnFAJ-dVUpdyzvn8fSkOuMLc7By86koOyj0u2ZIVRmanu0vo4KoL4aWqw83BlOf1rUw6eYeQrec/s1600/wink.gif',

        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRnAm4_Qi4O3FvokjLEZeTG44U5X1VdC9u2yKQAqdtdpfmYe1E2yhxFyPmTay10Esdtg6Bb5ltNm0GaLBX-kKNX0-OjKp_xOEcrGVg6YcvBMAvSP2nJsqKWqDYfzt35Cm9PWdFY6x6J-c/s1600/thumb.gif',

        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIYJqVXDAo1eWvQvZV0BHK_QmdNkb76C-LL0r-pz2JL6JcHafuMvPg0K_eFDaH9KaIX4ifnXT1PYCZ_p8hHDgJPu39NjffkQMQ8vOc_cvBQcjs24Q1AkVq_yEJR0l2Lg7h0c_jCTyasXw/s1600/thumbsup.gif',

        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYmJovVogoegvBb7OfJmgvgnULyNypQdflR0mmFn_68LIGdxhq4EXut4h7BMieK-i9-DY8xHGcSo_BVcpHxHhvrp98ridUiH1tMzyJDHbUyqQJjpf1iCEDsDC0lACOUCnzfw705twfSo/s1600/wee.gif',    

        ];

     

                            

                                //Config Force tag list, define all in lower case

                                Force_Tag = [

                                    '[pre]','<pre>',

                                    '[/pre]','</pre>',

                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',

                                    '</pre>','</code>'

                                ];

   

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))

    //]]>

</script>

</b:includable>

Source

2 komentar

Balas

Jeniv

1/05/2014 10:18:00 pm

Saya pernah menggunakan threaded comment ini sebelum blogger menyediakan fitur tersebut... :) tapi sayangnya sekarang saya sudah ganti mesin.

Eh iya saya punya saran, itu "Menu Blog" ndak usah di taruh di lightbox. Kurang enak dipandang, sebaiknya menu itu diletakkan secara off-canvas atau inlin di menu navigasi. Terus juga kalau menggunakan lightbox, terkadang meloadnya lama...

1/06/2014 02:30:00 am

oke kak, thanks sarannya :D
cuman saya lagi males ubek2 css kak, lagian CSSnya sya sembunyiin. :/

tapi terima kasih sarannya kak, kapan-kapan saya ikuti saran nya kakak :D

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Untuk menyisipkan QUETO,CODE,PRE,GAMBAR,VIDEO. silahkan gunakan cara berikut :

Tulis catatan di sini
Tulis kode yang sudah diparse di sini
Tulis kode yang sudah diparse di sini
Tulis URL gambar di sini. gunakan HTTP:// jangan HTTPS://
Tulis URL Video Youtube di sini. gunakan HTTP:// jangan HTTPS://

Terima kasih telah berkomentar.

Out Of Topic Out Of Topic Konversi Konversi

Terima kasih telah berkomentar

Blogger Threaded Comments Hack V.3

Demo

2 komentar

Link Teman

Kategori