Mengubah Tampilan Kotak Komentar Blogger Lebih Keren
DESAIN tampilan kotak komentar (comment box) bawaan blogger itu standar. Jika ingin menjadi lebih menarik dan keren, ubah kodenya dengan kode-kode berikut ini.
1. Template > Edit HTML.
2. Temukan kode
<b:include data='post' name='threaded_comments'/>
3. Ganti dengan kode ini:
<b:include data='post' name='comments'/>
4. Simpan kode CSS ini di atas kode ]]></b:skin> atau </style>
#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/AVvXsEhg5sAI_MJ-Z23XpGB42rq_xioMwD3aN8THf4PBbog0SWicL9bhL-c5M0TYrj-ouRK3n3dfP-_dbuB3hyZzKeZXflrrna4piMV718vESU9VmVx5mW8_xh7dgI3oVa6gIAYRd0yTkXgWBeSX/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/AVvXsEjz3CcSV5qSpiNgQC7qbyq24B8dC42SIPDtlOL7DKDOH_BIK1RfYocja_qURkCt5-5PzuSw8vvU3PbNUL4U_bAUNJXqJ5MtKpWkuDfPO_u80UjI0bNqyk5Pt0GSwTECJEdCH1pNWwgozlA/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/AVvXsEhg5sAI_MJ-Z23XpGB42rq_xioMwD3aN8THf4PBbog0SWicL9bhL-c5M0TYrj-ouRK3n3dfP-_dbuB3hyZzKeZXflrrna4piMV718vESU9VmVx5mW8_xh7dgI3oVa6gIAYRd0yTkXgWBeSX/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/AVvXsEjgnldXuUa_CXopfKa4bLmxqtXB8y39YrEUX-_4hE6AjgqgsuOM4mif1Xnm2ekZPIsO3GgkOofE6rVmDmgcOa8yVCXDQZcR7ZDffqp16VnGB4oUSYXD9ZvqksxPvbnyuGnlwT-66_DH3c4/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}
5. Temukan kode
<b:includable id='comments' var='post'>...</b:includable>
6. 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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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'> <div class='comment_inner comment_admin'> <b:else/> <div class='comment_inner'> </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='"#r_"+data:comment.anchorName' expr:id='"r"+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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'> <img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmaytKhA9BOdlC-VrSFPiWEC73TQg7_UmCtSeZ1lWmVDNvHVkAkPBNjwkC1jG80-9isFx73amyYIvd8YuHOc2m6p7jok6eHwguIcGJDluUCjaronAwk0SJg91q6MsTld8xVd9S_FmOgUc/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'/> </div> <div class='clear'/> <div class='comment_child'/> <div class='comment_reply_form' expr:id='"r_f_"+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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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 = {'maxThreadDepth':'0'}; </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/AVvXsEjY7BxZ1BjccId2q2nxrid72DPa3-sEeW9SK_pEH2pmPK89WiHjMdbgBTtLqjddR_N03uhl5Z21PG5jq5lgEArCWEI6TLLhSVN7uUbSy695xDJqhqK9TyX3M0_gh7_vI5WJ_KcgrEjlwV8/s1600/smile1.gif', ':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSk3-UZ0kZalFPgPptGDKmfK-sbAk8qudoxmenRGHMmcE3EghwcHvUKiiC18jorljhHGCxihJjtC6EVVluVUnp0egw1LAZP_4JR_uHvrGpDbp4pl65CFOyIib2Dvpuc3eFVUeqC8wag8/s1600/sad.gif', '=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVlwihkqpwIpeC1VffdpaR3ZAeXPnvxh0PbDD6Lunannri7XeYGF7P8H276z3TMCV5tp5VXoJnwYNWhHVKQVeJajFCXquWAAc76aRPPYxujXO1dWEajzNjFoC2IhcvoMuqAJEb_4e57rM/s1600/sadanimated.gif', '^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEpcry5vbAdXFwjW_IY58HLS2GTY_gn4h2BQzBIR6rG_R4uX7hc_XCWUL-FHcrzewFtqZGnkV6I5f2nPqcu2yw5WJ0LKPZacHtt_dUNAinLtkk8epspesyMHRO__9EorCk33TYt1IszRs/s1600/smile.gif', ':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZsk5q0VE_hyphenhyphen6wVuPia38b8YfSx05IOPePAl0NLWK9NWxaO0ssT11IOBkJxWDiuaoGJl1vx4wt_31KhPHhcAmD2Tk-IEE6y14Bp7YV8pTvJ9NBfKZOGpdj-n1iJvZRjhXULjaJLLrb9Y/s1600/icon_smile.gif', '=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_POfn_XwsFzCSXcZ2jvWLxnwttw3iQCI2z5-Mv0jlyESxrc9TTeoUHFY8O91g771HPy2qrstBNatF5dwds4CvhZY8hNrpkQeazyc4CmzOeODIGlAV5rTLYh1RBk9MSV4o3DYFT7g56I/s1600/hihi.gif', '|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5mXuDlbyKBTPM3SS6dyi-4k2xWtF_ZJDtfKKL0JeTq8jZPqihsH9HxwQ-gpVHWqS3hCb1sfNKLwnptQIJlu7ffw5e3yzvHjcBYdTJjcNTdG1BiuzAF1s-VxE9O76Br_0BrrBbgphbGE/s1600/applause.gif', '@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYmug-bYbKJgsYugo2kDaYPBSTC3lWUTQWnwCnwBkOTJR-Fb4V90D4EguQJuykMb9rk8RpnFePTlVGSE0-mQqN-Fn8fO8qr5SZtIeBWZ997FXqwjEGqMrMLSUn9aCBRz3q31eMLa8Ei0/s1600/rolleyes.gif', ';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9X4fGAsw2Jlm6PwPTlKSbdnFQcGBIHzHR0aUb3X44HKUQZsIfyWmuY-GoU7HrKSU6fRSvEup61GV_iZmnwSLvZYwX4VUISq7729zCz6-u9xdc30f0wsqM6X9MUZ3QwJpFy10fqvxBfYU/s1600/wink.gif', ':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5hx0G0cBhv7ZfoK4bgE0aYY69aZkNlXoljnHsjN7jFdaRlBejvxJI7ybxQOW2tH39Ra0qMZKL03uq56OGBX-LyYEM6f2gapS8eeR0bNDfygRIcnYiTZ941fihXS0VWIDAXrDg60su7M/s1600/thumb.gif', ':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiACsk9Ynd7dx6MqYQXnt5LE_Fw_ojiBlfNKOPsE3tPXkxX11Hb35mGxO91BJwfA_xiccMmjatbzGEs9xN1vGz5msIpQqK0UKZSGkUmnlWahhTKerY43d-VRT57NoQnvKrFrZ67gW9CP0c/s1600/thumbsup.gif', ':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUi4E2AyteFm3NUjITFt7Gbrvkk2TgONPAYpKDvyLAnIZZaQA35Zx9RevN9XlY3Yhbi2ix8tHIKMKhvVk2k-jYUKNGto3YG_8UfTHz5vUJTR2i8Y28LI5idPRIivvMHirJP7kjRrf4Vc/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="">','<code>', '</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>
7. Save Template!
Setelah diubah, diedit, atau dimodifikasi dengan kode-kode di atas, kotak komentar blog Anda kini berubah jadi lebih menarik dan keren!
DESAIN tampilan kotak komentar (comment box) bawaan blogger itu standar. Jika ingin menjadi lebih menarik dan keren, ubah kodenya dengan kode-kode berikut ini.
1. Template > Edit HTML.
2. Temukan kode
<b:include data='post' name='threaded_comments'/>
3. Ganti dengan kode ini:
<b:include data='post' name='comments'/>
4. Simpan kode CSS ini di atas kode ]]></b:skin> atau </style>
#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/AVvXsEhg5sAI_MJ-Z23XpGB42rq_xioMwD3aN8THf4PBbog0SWicL9bhL-c5M0TYrj-ouRK3n3dfP-_dbuB3hyZzKeZXflrrna4piMV718vESU9VmVx5mW8_xh7dgI3oVa6gIAYRd0yTkXgWBeSX/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/AVvXsEjz3CcSV5qSpiNgQC7qbyq24B8dC42SIPDtlOL7DKDOH_BIK1RfYocja_qURkCt5-5PzuSw8vvU3PbNUL4U_bAUNJXqJ5MtKpWkuDfPO_u80UjI0bNqyk5Pt0GSwTECJEdCH1pNWwgozlA/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/AVvXsEhg5sAI_MJ-Z23XpGB42rq_xioMwD3aN8THf4PBbog0SWicL9bhL-c5M0TYrj-ouRK3n3dfP-_dbuB3hyZzKeZXflrrna4piMV718vESU9VmVx5mW8_xh7dgI3oVa6gIAYRd0yTkXgWBeSX/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/AVvXsEjgnldXuUa_CXopfKa4bLmxqtXB8y39YrEUX-_4hE6AjgqgsuOM4mif1Xnm2ekZPIsO3GgkOofE6rVmDmgcOa8yVCXDQZcR7ZDffqp16VnGB4oUSYXD9ZvqksxPvbnyuGnlwT-66_DH3c4/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}
5. Temukan kode
<b:includable id='comments' var='post'>...</b:includable>
6. 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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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'> <div class='comment_inner comment_admin'> <b:else/> <div class='comment_inner'> </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='"#r_"+data:comment.anchorName' expr:id='"r"+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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'> <img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmaytKhA9BOdlC-VrSFPiWEC73TQg7_UmCtSeZ1lWmVDNvHVkAkPBNjwkC1jG80-9isFx73amyYIvd8YuHOc2m6p7jok6eHwguIcGJDluUCjaronAwk0SJg91q6MsTld8xVd9S_FmOgUc/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'/> </div> <div class='clear'/> <div class='comment_child'/> <div class='comment_reply_form' expr:id='"r_f_"+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>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <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 = {'maxThreadDepth':'0'}; </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/AVvXsEjY7BxZ1BjccId2q2nxrid72DPa3-sEeW9SK_pEH2pmPK89WiHjMdbgBTtLqjddR_N03uhl5Z21PG5jq5lgEArCWEI6TLLhSVN7uUbSy695xDJqhqK9TyX3M0_gh7_vI5WJ_KcgrEjlwV8/s1600/smile1.gif', ':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSk3-UZ0kZalFPgPptGDKmfK-sbAk8qudoxmenRGHMmcE3EghwcHvUKiiC18jorljhHGCxihJjtC6EVVluVUnp0egw1LAZP_4JR_uHvrGpDbp4pl65CFOyIib2Dvpuc3eFVUeqC8wag8/s1600/sad.gif', '=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVlwihkqpwIpeC1VffdpaR3ZAeXPnvxh0PbDD6Lunannri7XeYGF7P8H276z3TMCV5tp5VXoJnwYNWhHVKQVeJajFCXquWAAc76aRPPYxujXO1dWEajzNjFoC2IhcvoMuqAJEb_4e57rM/s1600/sadanimated.gif', '^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEpcry5vbAdXFwjW_IY58HLS2GTY_gn4h2BQzBIR6rG_R4uX7hc_XCWUL-FHcrzewFtqZGnkV6I5f2nPqcu2yw5WJ0LKPZacHtt_dUNAinLtkk8epspesyMHRO__9EorCk33TYt1IszRs/s1600/smile.gif', ':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZsk5q0VE_hyphenhyphen6wVuPia38b8YfSx05IOPePAl0NLWK9NWxaO0ssT11IOBkJxWDiuaoGJl1vx4wt_31KhPHhcAmD2Tk-IEE6y14Bp7YV8pTvJ9NBfKZOGpdj-n1iJvZRjhXULjaJLLrb9Y/s1600/icon_smile.gif', '=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_POfn_XwsFzCSXcZ2jvWLxnwttw3iQCI2z5-Mv0jlyESxrc9TTeoUHFY8O91g771HPy2qrstBNatF5dwds4CvhZY8hNrpkQeazyc4CmzOeODIGlAV5rTLYh1RBk9MSV4o3DYFT7g56I/s1600/hihi.gif', '|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5mXuDlbyKBTPM3SS6dyi-4k2xWtF_ZJDtfKKL0JeTq8jZPqihsH9HxwQ-gpVHWqS3hCb1sfNKLwnptQIJlu7ffw5e3yzvHjcBYdTJjcNTdG1BiuzAF1s-VxE9O76Br_0BrrBbgphbGE/s1600/applause.gif', '@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYmug-bYbKJgsYugo2kDaYPBSTC3lWUTQWnwCnwBkOTJR-Fb4V90D4EguQJuykMb9rk8RpnFePTlVGSE0-mQqN-Fn8fO8qr5SZtIeBWZ997FXqwjEGqMrMLSUn9aCBRz3q31eMLa8Ei0/s1600/rolleyes.gif', ';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9X4fGAsw2Jlm6PwPTlKSbdnFQcGBIHzHR0aUb3X44HKUQZsIfyWmuY-GoU7HrKSU6fRSvEup61GV_iZmnwSLvZYwX4VUISq7729zCz6-u9xdc30f0wsqM6X9MUZ3QwJpFy10fqvxBfYU/s1600/wink.gif', ':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5hx0G0cBhv7ZfoK4bgE0aYY69aZkNlXoljnHsjN7jFdaRlBejvxJI7ybxQOW2tH39Ra0qMZKL03uq56OGBX-LyYEM6f2gapS8eeR0bNDfygRIcnYiTZ941fihXS0VWIDAXrDg60su7M/s1600/thumb.gif', ':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiACsk9Ynd7dx6MqYQXnt5LE_Fw_ojiBlfNKOPsE3tPXkxX11Hb35mGxO91BJwfA_xiccMmjatbzGEs9xN1vGz5msIpQqK0UKZSGkUmnlWahhTKerY43d-VRT57NoQnvKrFrZ67gW9CP0c/s1600/thumbsup.gif', ':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUi4E2AyteFm3NUjITFt7Gbrvkk2TgONPAYpKDvyLAnIZZaQA35Zx9RevN9XlY3Yhbi2ix8tHIKMKhvVk2k-jYUKNGto3YG_8UfTHz5vUJTR2i8Y28LI5idPRIivvMHirJP7kjRrf4Vc/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="">','<code>', '</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>
7. Save Template!
Setelah diubah, diedit, atau dimodifikasi dengan kode-kode di atas, kotak komentar blog Anda kini berubah jadi lebih menarik dan keren!
Post a Comment
No Spammy Comment, Please!