Monday 19 June 2017

Memperbaiki Editor Komentar Halaman Statis Yang Error

fix editor HTML5

Postingan yang kemarin saya updated ternyata mendapat respon yang banyak dari sobat blogger, terutama di Forum, banyak yang mencoba 7 Langkah Modifikasi Threaded Comments Hack dan berakhir sukses namun ada juga yang mengalami Error terutama pada Editor Komentar yang ada di halaman statis dan jujur hal ini baru saya sadari setelah banyak komentar yang masuk, terima kasih buat sobat forum yang sudah mau memberikan kritiknya.

Setelah saya coba cari tahu penyebab error di komentar halaman statis ternyata di temukan error pada penerapan HTML5, dan ini merupakan salah satu efek penggunaan HTML5 pada komentar, namun tidak perlu khawatir buat sobat semuanya di postingan kali ini akan kita bahas dan perbaiki bersama Editor Komentar Halaman Statis Yang Error.

Bagi sobat yang mau memperbaikinya yang telah menggunakan Threaded Comment Hack HTML5 berikut solusi Memperbaiki Editor Komentar Halaman Statis Yang Error.


Langkah Pertama
Perhatikan kode validasi HTML5 dibawah ini, dan ini berawal mulanya error tersebut

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


Nah dari kode tersebut diatas biasanya validasi HTML5 yang terjadi setelahnya adalah seperti berikut ini

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

Setelah saya coba pelajari ternyata sumber masalah adalah kode tersebut hanya bisa di gunakan pada area postingan saja sobat coba perhatikan kode ...postID=&quot;... kode tersebut berguna untuk menampilkan kode ID Postingan. Nah disini penyebabnya ternyata untuk menampilkan kode ID di halaman statis harusnya menggunakan kode ...pageID=&quot;... kode tersebut ternyata menimbulkan Error juga terutama pada Komentarnya.


Langkah Ke Dua
Solusi agar tidak terjadi error kembali pada Komentar di halaman Statis adalah dengan cara menambahkan tag khusus pada halaman postingan dan halaman statis yang bersumber dari kode validasi diatas, bagi sobat yang sudah menggunakan threaded comment hack valid HTML5 dan mau memperbaikinya silahkan sobat cari kode seperti dibawah ini.

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

Setelah ketemu silahkan sobat ganti semuanya dengan kode dibawah ini, jika ada lebih dari satu silahkan ganti semuanya juga.

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

Dan selesai, silhakan sobat SAVE dan tampilkan Editor Komentar pada halaman statisnya, selamat mencoba dan semoga bermanfaat.


EmoticonEmoticon