Mengatasi Editor Komentar Halaman Statis Yang Error

Tidak disadari ternyata ada efek lain setelah proses validasi HTML5 untuk bagian komentar di halaman blog. Ternyata ada masalah yang muncul pada halaman statis yaitu editor komentarnya error. Hal ini tidak saya sadari karena di Kompi Ajaib, saya tidak memunculkan komentar di halaman statisnya jadi error pada editor komentar tidak terlihat.

Error pada editor komentar ini baru saya ketahui setelah sista Kiki Dee mengatakan bahwa editor komentar di halaman statis-nya error setelah mencoba modifikasi threaded comments hack ala Kompi Ajaib yang kemarin saya share seperti terlihat pada gambar di bawah ini.

Mengatasi Editor Komentar Halaman Statis Error

Nah Anda yang menggunakan threaded comment hack valid HTML5 pasti juga akan mengalami hal yang sama. Untuk mengatasi hal tersebut, ikuti langkah di bawah ini untuk mengatasinya.

Error ini muncul karena validasi HTML5 untuk kode berikut:


<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

Dari kode di atas, validasi HTML5-nya menjadi seperti berikut:


<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

Nah dari kode valid di atas tersebut ternyata itu berlaku hanya untuk di area postingan saja. Coba perhatikan kode ....postID=&quot;... itu untuk memunculkan kode ID postingan. Sedangkan untuk halaman setatis seharusnya menggunakan ....pageID=&quot;.... untuk memunculkan kode ID halaman statis. Sehingga ketika menggunakan kode ....postID=&quot;.... pada halaman statis, maka bagian komentarnya akan error.

Untuk itu kita harus memberikan tag khusus untuk halaman postingan dan halaman statis dari validasi kode di atas. Bagi yang menggunakan threaded comments hack valid HTML5 silahkan cari kode berikut:


<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

Silahkan ganti dengan kode berikut (jika ada 2 buah silahkan ganti dua-duanya):


        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
        </b:if>

Selesai, silahkan SAVE template dan lihat editor komentarnya di halaman statis blog Anda. Silahkan lihat demonya untuk komentar di halaman statis dengan threaded comments hack valid HTML5.


Selamat mencoba....

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments