DomaiNesia

Membuat Komentar Blog Valid HTML5

Membuat Komentar Blog Valid HTML5 - Ficri Pebriyana
Membuat Komentar Blog Valid HTML5 - Membuat atau mengganti kotak komentar blog menjadi valid html5 ini sangat menguntungkan bagi kita sendiri, karena kita tau kelebihan dari Blog Valid HTML5 akan disukai Google dan memudahkan robots untuk mengcrawl setiap artikel yang ada pada blog kita. Dengan membuat komentar blog valid html5 tentu saja ini merupakan salah satu cara untuk membuat Halaman Posting Valid HTML5. Menggunakan komentar blog valid html5 ini akan menjadikan blog lebih menarik lagi, apalagi ditambah dengan emoticon yang sudah ada didalamnya akan lebih menarik lagi bukan. Jadi dengan menggunakan komentar blog yang valid html5 akan menguntungkan Anda dalam SEO dan membuat blog lebih menarik dengan ditambahkan emoticon pada komentar.

Nah jika Anda tertarik untuk membuat komentar blog menjadi valid hmtl5 pada kesempatan kali ini blog Ficri Pebriyana akan membagikan sebuah artikel yang berjudul Membuat Komentar Blog Valid HTML5. Bagi Anda yang ingin membuat komentar blognya menjadi valid html5 silahkan pasang kode script yang ada dibawah ini agar komentar blog Anda menjadi valid html5, silahkan lihat tutorial membuat komentar blog menjadi valid html5 dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML5
3. Cari kode berikut ]]></b:skin>
4. Copy kode css dibawah ini, lalu Paste kode css tersebut diatas kode ]]></b:skin>
/* Komentar Valid HTML5 */
#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/AVvXsEi6ThnVy0upsGzHaOWugBxjDyiR3ZQhmqX99ovxJeUGsK3mQit2NYWbuMqekuxIUJQ6xO8_qZGrpy2-aYycXZPWIhg5KSXDz4-h3p-XN0tBYyQCJK7qFxyINXmaLASysjhWZbKvBSEvkFcl/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/AVvXsEg1BAVdRXd35g97Fwj8FZjAbHdG96S2N_9itPoI5VNjrEZW5l-JrzG7JMW2Uq9D-5x1e0zKHKo34x4UfXZrP8E8NZFdc8MdhD0e-mCWuRKUYH9uSP8M5mXfO1W4OH0nLPkTPHkJI2WhCTg/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/AVvXsEi6ThnVy0upsGzHaOWugBxjDyiR3ZQhmqX99ovxJeUGsK3mQit2NYWbuMqekuxIUJQ6xO8_qZGrpy2-aYycXZPWIhg5KSXDz4-h3p-XN0tBYyQCJK7qFxyINXmaLASysjhWZbKvBSEvkFcl/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/AVvXsEgiiGWcs7FHANBxWg-XEcw0SOLFZVr1FSAX49xk8U-bhdK1jUQwQqleM9enX9TXKtFl7_XcYO754yN762yU1yRJZuf_0_MWw1kxocY3KK3FsuWQG0zEdqHzRffXODPUTnLv5eyczmRYyKg/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. Cari kode script seperti ini <b:includable id='comments' var='post'>...</b:includable>
6. Lalu ganti dengan kode script dibawah 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/AVvXsEi3XKK-FUeu2DyBpbyxOjv-ncnL7c6HnDj25mNugN57cVqWV3nxq2DKLQTjPNpTb2ZrAPMYuuYY6QhA_RAI3DsKXPBWSV73vJZ5vACF9I8ywjmx2_mMQu8SRLWMRJNwoePdAYJZezWmCiA/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/AVvXsEju_okDRtI9YGLl-ildN6LpmVhQi5-aYvf8NM0qu44bdXb3K8Gxnn1rzuiV7OJcfU-jzgVWMG8wd84t65zc36n7Tu99hXQhVHnx-fkj-tJnu7CkZGv7PwCXoOkelIeU4pAii6RCatlZ4go/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_XZhCBtKyotgpmUjQ4pn_o_6uioioa9_lITkpHXoE1vuNGT_FDOadY1UYwC_dA2fiSVzvoT1ZJlt7OLtVE4oiIunbZgEH2ZdIfnwG4r3sW01lB1lNiiIr9HIVvmzxCb7pZ1x2VqhDHMA/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2lJoktvdKHG4rHitcpcEd05iy5-th4ZW0jJpHWaWWV6OVs6lJa2EdltiMOlcmL-wGAc4yYadpsEjVWgll9zRB_NkiRjgScFuFMSbTSfDMHV_n-YwyM7Ee294vmRibDYDLM64x1mKosoA/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9fYfw2cJb7CCt2QQq_V1tIHyApoa3mf95Il2qoL_No0ycc9hO5QmHBccopqzIDlIu3FCs0kujKMqLtoeuJNTKYG6VqPQzaBLHNcrQnjm6pk0lRlTsoOhpthyjkDaKrO1qQrBXoyTyF8Y/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJKfQBf9YmGHpJk63PbvQ-1NRcd2kaBLEuAegXkZwMvxjqHpqQtGnSgse5LXPNps3k5EhOi4O2EGwnjep-cH3Ff-1XPnkZB94ba0lqWp2nrTDxDq-JRwoYd4fIfS0k3IXNopvjkQ1Ommk/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhved26Csr8O70jcq4LazApLe3cXIPC_x8kB_HcD8Ce6Irq2IIwzcAs1zZdRjjcMobQ9Kl2_aEQMBmME2HvwzAmWKIX2fMQJ9fSJ_ydzwfs9ei734JvLYR0SQPxi3KhUrE-Ejs6auITa90/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPuNkPY8xtgKnFdqv-JA_UtFLJ4FKftDlPqhDb44agpd7MtkwLY68hFhiC695LZMqYSKuCq5Dn3gbquEAWCp8yZV03BI6VQxCO0VEE66fMcP5bj15KkMueCXA1XgHMW-LM0wnAbWyq29A/s1600/applause.gif',
        '@@'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9HEyDCMGPmAKg_K3Z0LcdJAgGdsIWi3FPx3me3gkRZyH6UR-74QyKyfJn4tcfLD70AQXZKvmxZ7n_3XNEluq1uqaavASk0BPDJ6_Say8ChHJfDYJsy0yPV81RJr2P7DMpWtUJ6wpcS2Q/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggKrAjKPN7N9YtO9mFdxDVSazKVXVqeBpIGScJpTs0ixJ6e0MDjQa1mE5FKYoBDG8pIceuNYIdgG5FCDGKLe4aHLnHQdsY8riYJiCmcH2OeAqKEJwMxlqJiJUrJ8kE67zbAeeIwLkB46Y/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBf0UFvJ8-wL1nFcCYY5x2v_w9a1mQULKTxV-jF3gz7JY0856BCEHos-2kjigwFtTfDFDTmQxj2QZ3Wa0hhZ7xw19XDUCwI_x0ziZzVbEEqFOMEbVQkLJpjSdORHsJceO8Ms1pkS5d2wQ/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvuxOa0x8SAMTyU6PkEZJFSE7j978pbw_VQzAYI1ujdGqPNzIkMdf8K58WBNwm6jRh-3qN5036cjGMZHi1mapWRXA8EIq8aQ0BSlAH27y_kutmJpAsQCnNyo49QxTosOFum0Ub1IqaGg/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV6kOJf7-d9CnWnHTuu8kBpsOMOkGGRnadxbtj9EIPPi9n2I9KqKJt9THOdi81y7O9ATl0_MpjCnPDZi0mKfscaaNuKVgeP-tJcrasvQZAi4VlTgvRtY3MyVT5wy-dIGQX0kOSMx9g8QM/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>
7. Jika sudah silahkan klik Simpan Template

Code by Kang Ismet

Sekian artikel mengenai Membuat Komentar Blog Valid HTML5. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

6 Komentar untuk "Membuat Komentar Blog Valid HTML5"

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Fast Hosting