Solusi Agar Area Komentar Valid HTML5

Area komentar adalah bagian yang paling banyak menyumbangkan error pada validasi terutama HTML5. Memang tidak mudah, butuh ketelitian dan sedikit jelih agar area komentar tersebut bisa menjadi valid HTML5. Pada artikel ini saya akan memberikan solusi agar area komentar tersebut bisa valid. Sebelumnya saya berterimakasih untuk kang +Adhy Suryadi yang telah membantu saya membuat area komentar blog ini menjadi valid HTML5.

1. Cari kode yang bertuliskan <a name='comment-form'/> dan hapus semua kode seperti itu. Sebagai penggantinya (menambahkan tombol berkomentar yang valid HTML5) coba baca artikel yang dituliskan oleh kang Adhy disini. Jika ingin tombol berkomentar tersebut di klik dari halaman utama blog (homepage) menuju area kotak komentar (seperti di blog ini). Maka langkah yang harus kita lakukan adalah merubah alamat yang terdapat pada expr:href menjadi seperti ini: expr:href='data:post.url + "#comment-form"'. Karena setiap blog mempunyai susunan yang berbeda, maka kamu dapat menyesuaikannya sendiri.

2. Seperti yang pernah ditulis +Kang Ismet  pada blognya. Untuk bagian iframe komentar kita perlu melakukan penghapusan untuk beberapa kode yang terdapat pada iframe tersebut. Silahkan baca artikel KI yang saya maksud disini. Nah yang menjadi masalah saat sudah menghapus ukuran lebar kotak kementar, yang terjadi adalah lebar kotak komentar tersebut menjadi sangat kecil (itu yang saya alami). Untuk mengatasinya maka coba tambahkan css berikut: .blogger-iframe-colorize{width:100%} (tempatkan kode tersebut diatas </style>).

3. Mungkin kamu pernah menjumpai pesan error yang meminta kita untuk melakukan penghapusan kode & atau &amp; pada bagian sebelum tulisan postID untuk tombol delet komentar. Sebenarnya kita tidak perlu melakukan hal demikian, karna jika kita lakukan penghapusan kode tersebut yang terjadi adalah halaman postingan blog akan menghilang saat di buka. Untuk solusinya dari kang Adhy, cari kode berikut: <b:includable id='comment-form' var='post'> dan <b:includable id='threaded-comment-form' var='post'>. Kemudian perhatikan di bawahnya, maka akan kita jumpai dua buah kode link pada masing-masing bagian b:includable tadi (pada bagian atas masing-masing iframe komentar). Lebih lengkapnya lihat kode link yang dimaksud:

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

// Kemudian ganti dengan 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'/>

Itulah beberapa langkah agar area komentar blog kita bisa valid HTML5. Jika masih terdapat kendala silahkan ajukan pada kotak komentar di bawah.