Validasi HTML5 Blogger Threaded Comment Hack

Oleh Unknown

Rabu, 21 Mei 2014

Bagikan :

Tweet

Validasi HTML5 Blogger Threaded Comment Hack - Setelah saya cek di validator HTML5 untuk halaman postingan, ternyata ada error yang tidak terduga sebelumnya. Yaitu, ketika halaman postingan tersebut tidak atau belum memiliki komentar sama sekali. Threaded comment ini akan error pada validasi HTML5. Maka dari itu, di sini akan saya jelaskan tentang cara mengatasinya. Cara ini bukan saya dapat atau berasal dari saya sendiri, melainkan dari Kompi Ajaib. Cuma, di sini saya juga ingin berbagi pada semuanya yang masih belum tau saja.

Di sini, ada dua masalah sebenarnya. Jadi, saya akan membahasnya satu per satu secara runtut.

Sebelumnya, silahkan baca dulu postingan Memasang Blogger Threaded Comment Hack di Blog sebelum kita melanjutkan membaca update-nya berikut ini.

Bagi yang sudah membaca, silahkan lewati dan langsung menginjak pada solusi mengatasi error tersebut.

Masalah Pertama

Kesalahan atau error tersebut berasal dari HTML-nya. Jadi, silahkan lihat lagi HTML-nya di Edit HTML. Lalu, lakukan trik berikut.

1.  Silahkan 'view page source' pada halaman postingan blog anda yang sudah terdapat komentarnya. Lalu, cari kode <script async='async' dengan menggunakan Ctrl + F. Nanti, kurang lebih akan muncul kode seperti ini.

<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'></script>

Tapi, saya tidak tau persis apakah setiap blog mempunyai kode di atas yang sama atau tidak. Kelihatannya memang sama setelah saya coba lakukan 'page source' pada blog lain. Tapi, alangkah baiknya jika Anda pastikan terlebih dahulu sama atau tidaknya kode tersebut.

2.  Jika sudah ketemu seperti kode di atas, silahkan lihat Edit HTML-nya. Dan cari kode <b:includable id='comments' var='post'>. Lalu, silahkan perhatikan dan geser sedikit, tapi masih berada di dalam kode tersebut, dan anda akan menemukan kode seperti ini.

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

Ingat yang berada di dalam atau di antara kode <b:includable id='comments' var='post'> dan </b:includable> tersebut. Jika ada kode seperti di atas, tapi sudah di luar <b:includable id='comments' var='post'> berarti itu abaikan saja.

Kemudian, ganti data:post.commentSrc dengan link comment.js nya pada Langkah ke-1. dan ganti expr:src dengan src saja. Jadi, kodenya akan tampak seperti di bawah ini.

<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>

3.  Selesai. Tapi, hanya pada masalah ini saja. Kita belum menginjak masalah yang kedua.

Masalah Kedua

Sama dengan di atas, masalahnya pada HTML komentarnya. Dan untuk masalah yang kedua, adalah tidak bekerjanya pembatasan jumlah komentar balasan pada threaded comment-nya. Kurang lebih kode yang mengatur pembatasannya memang seperti ini.

Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment

Kode itulah yang tidak bekerja. Dan ini akan menimbulkan error pada validasi HTML5. Jika anda benar-benar peduli masalah validasi ini, silahkan ikuti langkah berikut.

1.  Lihat lagi HTML komentarnya pada <b:includable id='comments' var='post'>. Dan temukan kode seperti ini.

<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>

2.  Silahkan tambahkan data-level='1' pada kode di atas. dan ganti class dengan expr:class Sehingga akan menjadi seperti ini.

<div data-level='1' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>

Maksud dari data level di atas adalah pada kedalaman threaded comment-nya kan bertuliskan 6. Jika data levelnya 1, berarti 6-1= 5. Lima di sini artinya, bahwa hanya ada 5 komentar balasan yang terdapat tombol balasnya. Jadi, akan ada 5 komentar balasan pada sebuah komentar plus 1 dari tombol balas yang kelima tadi (tombol balas terakhir). Jadi ada enam komentar balasan total normalnya.

Loh, apakah kalau lebih dari 6, orang tidak bisa menambah komentar balasan lagi? Ya tetap bisa. Tapi, biasanya kan komentar balasan itu kan ukuran lebarnya semakin mengecil. Nah, jika komentar balasannya melebihi 6 misalnya, komentar balasan itu tidak akan mengecil lagi. Dan untuk komentar balasan yang keenam memang tidak ada tombol balasnya karena itu sudah diatur menjadi komentar balasan yang terakhir. Jadi, jika ada yang ingin membalas komentar balasan yang keenam, itu harus menggunakan tombol balas pada komentar balasan sebelumnya, keempat atau kelima. Dan ukurannya pun akan sama dengan komentar balasan keenam. Sehingga, ini tidak akan membuat komentar ketujuh atau selebihnya semakin mengecil dan semakin mengecil lagi.

Intinya, dari kesimpulan di atas adalah bahwa,

Komentar balasan kelima  =  komentar balasan dengan tombol balas terakhir
Komentar balasan keenam  =  komentar balasan terakhir pada normalnya. Karena sudah diatur.

Jika masih bingung, silahkan lihat demonya di sini.

DEMO

Anda juga bisa mengubah data levelnya sesuai keinginan dengan perhitungan seperti di atas

3.  Selesai. Kedua masalah sudah selesai. Sehingga, threaded comment yang kita gunakan tetap valid HTML5. Ingat, untuk masalah yang kedua tersebut. Itu juga bukan berasal dari saya. Tapi, trik itu berasal dari Kang Ismet.

Sekian. Terima kasih. 

Tag : HTML5, Komentar