Cara Membuat Threaded Komentar Keren Terbaru ~ TUTORIAL SAP ABAP Afif

Assalamaualaikum sobat blogger. Kesempatan kali ini aku mau berbagi tutorial yang saya dapat dari blog kasng Ismet. Karena menurut ane sangat membantu, jadi ane punya niat untuk share artikel ini.
-Sumber referensi : http://blog.kangismet.net/2013/09/blogger-threaded-comments-hack-v3.html

Thrreaded Komentar terbaru ini dengan tampilan yang Elegan dan sudah valid html 5. Oleh kang Ismet, komentar ini sudah ada tombol reply, atau balas serta tampilan yang bertingkat. Oke deh screenshot komentar seperti ini :

Oke deh, langsung aja disimak ya

Langkah 1

Kalian masuk ke dasbor blogger kalian, kemudian pilih template dan edit html

Langkah 2

Kalian masukkan kode dibawah ini diatas kode ]]></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/AVvXsEg4zokYlfWVa2FnftG_Qe1CsJOWGYPCVrn_cnnJYATmAxt1HlyzYcOqde9891bnK_vDwfVNq3keaTHBW4-sBM379Zbc2pOYVpPZW37xbMOsgbxymGFB8_VImq4BzIjFFUlk-dm5RfN8FNd-/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-top:-72px;

margin-left:66px;

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/AVvXsEjZMqIs0qRRYKOheKfiHr_iYwtBEaYMExWPynAsHaGlDceCXQ2e65AAiBRE_zLF7I7GptDVAytSNOuRc8dqZImkAQirOBc05Y87r5OTmk8BP8PxvbMefQqecyWSZQFbaiONm7y0bfzcg-Y/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/AVvXsEg4zokYlfWVa2FnftG_Qe1CsJOWGYPCVrn_cnnJYATmAxt1HlyzYcOqde9891bnK_vDwfVNq3keaTHBW4-sBM379Zbc2pOYVpPZW37xbMOsgbxymGFB8_VImq4BzIjFFUlk-dm5RfN8FNd-/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/AVvXsEhRuF2_0U3DimsoVcyCiL0yabnKhHavGE0XiiLh5neAeZcMtv8hhcftkFz4fp7UriMzpAJwu5JQhRQ5K6lnWknhF0o9iHmzsyLvcPNb9hDFw3fmYI_cEsDLD9W04c9WFBgEAVKVat51rmQ/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}#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/AVvXsEg4zokYlfWVa2FnftG_Qe1CsJOWGYPCVrn_cnnJYATmAxt1HlyzYcOqde9891bnK_vDwfVNq3keaTHBW4-sBM379Zbc2pOYVpPZW37xbMOsgbxymGFB8_VImq4BzIjFFUlk-dm5RfN8FNd-/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-top:-72px;

margin-left:66px;

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/AVvXsEjZMqIs0qRRYKOheKfiHr_iYwtBEaYMExWPynAsHaGlDceCXQ2e65AAiBRE_zLF7I7GptDVAytSNOuRc8dqZImkAQirOBc05Y87r5OTmk8BP8PxvbMefQqecyWSZQFbaiONm7y0bfzcg-Y/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/AVvXsEg4zokYlfWVa2FnftG_Qe1CsJOWGYPCVrn_cnnJYATmAxt1HlyzYcOqde9891bnK_vDwfVNq3keaTHBW4-sBM379Zbc2pOYVpPZW37xbMOsgbxymGFB8_VImq4BzIjFFUlk-dm5RfN8FNd-/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/AVvXsEhRuF2_0U3DimsoVcyCiL0yabnKhHavGE0XiiLh5neAeZcMtv8hhcftkFz4fp7UriMzpAJwu5JQhRQ5K6lnWknhF0o9iHmzsyLvcPNb9hDFw3fmYI_cEsDLD9W04c9WFBgEAVKVat51rmQ/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}

Langkah 3

Kalian cari kode :

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

menggunakan Ctrl+F, jika sudah kalian ganti dengan kode :

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

Langkah 4

Kalian cari kode :

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

ganti dengan kode :

<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>

       <span class='comment_author_flag'/>    

                  <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/AVvXsEjPqPb1u8MZVW_d-c-qFlrUwXneKejsCn3rCapjfnlysDwXtIMdlpkkxie-_BACRE5VJ1yWUhDYC6OSokDmLdaI9ET6MfEPys7SSF1WMjyLjhD4HdsmAPsWKV_VZWJRQQG5AKWrzNMHidc/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/AVvXsEiEW9POBbulbHXauiM_Ifps-yLJPh6s1xEFWQYiFAuBI4P6SV_eVf01GSkYf8ShyphenhyphenqLqiedGGVd5N4AzEeZCRrkhm9HKXWYfvjUPeQoxh5CZyLt3uFL6CZSYq7sI4XszK4vjgncy6-QLb2k/s1600/smile1.gif',

        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxtsg1i3OZ9JHPB16B9QFgSRqGIVaKkXunpIWb9Tv4a-9BT9JE5Ny4o8twALBkWBUMy3HEHxX1DhhPtxEC43wovvbJuiE69z3JSXaZpQNFYtCa4uocYxHNr78VFU59AILQFBJXNIoRkfo/s1600/sad.gif',

        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRKhz00F4tb3EwqILrM8blp7W4pj-UEZ361t9up_shohqsThFZZRNt4NUEqUvdnBHSeFNbyv_2z7gFIwQGSRAKXWyXOL7ldq3yiwbMZCS38fZCBxb637g-qDzR1NJQundj4QQ7RIaEyV8/s1600/sadanimated.gif',

        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMiZhxrLWGZLU4b7kO8rZRgagGAHPiOauvpu7sfARjaOFQk1qFQCKfAGnT3j4Tq6BjQgIdpXcINJh4baZTag78AibWG19anvI7BCdSnGv1g2NfmQBD7J9ca_Lhu2E1CJ0KcWg46XdaDZM/s1600/smile.gif',

        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7n6P3jFd0fOJ4-ilfVjgWmrf51aXpaIrg4E5IskYU22m2Ypgxdhfw8mzOrbq440y9MquR0G3gykjif_-ih95JKAz-jqNPpSrNvTUBZF92DuLFpdRaV7QjKUAVVkPGZoUXYAeNdX2RHvE/s1600/icon_smile.gif',

        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Q0OtlcrzL35RdDhSPT56D0TXiSpgLgHzRbyzzIvsOf_RrURrB02NRBew3FEO0IHJZ5-vc-ovKyJf9iOFf2n0YlZoYCJzQEaPfrfNQ-we73qu_-XHQGDJyS_TztAXc64MP1RuR5GSktg/s1600/hihi.gif',

        '|o|'  ,'http://reader-download.googlecode.com/svn/trunk/images/emo/applause.gif',

        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0pLPPmYMhTetyfUFwrdJCwK4phbIk8p1KwRtq1Wl6X3BadhF_XJv_6iHhnN9ReqjIFJo5tLc9PyVOmtDacBVyC9fqnuU7_vipWwLmzO5EFC_qudwI86e3y-Jk0euNa0yIyZhYZLy0Xs/s1600/rolleyes.gif',

        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYuyfCTaBCpq2LVs9PMTdFpnxJaTx79KKElzd_V_OGbdJVDsZMe-kfs1lOsoOdpU0kmV8bKR0UpOF5m2qvSmhcQxrnBDlCAEA4XePqq4QbyspVqfGr8A-nuJmkr0GmLWRht9XOhlx0vBU/s1600/wink.gif',

        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiut8bMpkmek0v1bNkkoyL1CrCN6kPS-tE70SSQ8FpMmY8puQir5uSPEwTv4340OBL0ak_RNjzuipbfZis5FuNpJX5z9dypMb16zOTudWcbMMKPpDrK7ZrJwIn_sOALvuVbnAmvFs8OP-E/s1600/thumb.gif',

        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3DPM7YDfZRftwPcPEOmJ9zdR1tk_TbtmG8DGXpz8ov4Veiy3VdiPpUdq21UYKvs8REwRa6XdfkVStWtveZH8inIPuxKvaOjpDXrz_BQ-SyxomeNsjlm8jq0EgQmdrmX7mH-R8IqHvzvg/s1600/thumbsup.gif',

        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOOIVYQC0lu3VR7S8yWYJFBkJbIXWRtP1_oN8fW-zdvQ8QkDMLVWdaHmr1kujxcnsax_Qa6unYPgoIjZnaz521wC5g_jtliKVQzPAzLOS8vMtG9yNAPM2aed8-3YDoif1gI_kSi_41qC8/s1600/wee.gif',     

        ];

      

                             

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

                                Force_Tag = [

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

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

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

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

                                ];

    

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

var avatar=$("#comments");

avatar.find('.comment_avatar img').each(function() {

        var ava = $(this).attr('src');

        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));

});      

    //]]>

</script>

</b:includable>

Simpan template kalian. Beres deh
Yoroshiku !!!!

9 comments

Click here for comments

Afif Nuzia A

admin

September 13, 2013 at 12:25 PM ×

Seeeppiiii :) :( ^_^ :p @@, ;) :-bd :-d

Adjie Umbara

September 13, 2013 at 6:25 PM ×

Horeeeeee..... aku datang biar sahabatku tidak kesepian.... :)

Unknown

September 13, 2013 at 6:33 PM ×

Saya hadir sob..

September 13, 2013 at 9:59 PM ×

Terima kasih sobat :sh:

Rudi

February 1, 2014 at 4:19 AM ×

Makasih tutornya kang

February 5, 2014 at 12:19 PM ×

terima kasih juga kunjungannya

Gaosur Rohim

February 27, 2014 at 10:03 PM ×

kok saya error terus ya mas?

kok saya error terus ya mas>

Anonymous

July 8, 2014 at 5:23 PM ×

]]> :lagu:

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment

TUTORIAL SAP ABAP Afif

Cara Membuat Threaded Komentar Keren Terbaru

Related Post

9 comments