Agar Related Posts Blog Valid HTML5

Agar Related Posts Blog Valid HTML5

Bola Hero Gawai

Agar Related Posts Blog Valid HTML5

Related Posts Valid HTML5
Salah satu penyumbang error HTML5 pada halaman postingan blog yaitu related posts. Setelah saya coba beberapa related posts, permasalahan yang muncul sama yaitu dari penulisan script-nya ataupun dari penulisan label postingan.

Setelah penulisannya dibetulkan, akhirnya related posts bisa valid HTML5. Nah untuk itu saya coba bagikan pengalaman ini barangkali bisa berguna bagi Anda. Bagi yan sudah pasang related posts dan sedang mencoba untuk validasi HTML5, mungkin Anda bisa coba trik ini.

Masalah pertama yang sering muncul yaitu dari penulisan label postingan itu sendiri. Saya sarankan untuk menghindari penulisan label lebih dari satu kata. Karena penulisan dua kata atau lebih pada label postingan akan menyebabkan spasi kosong pada related posts ketika dibaca peramban. Pada validasi HTML5 akan tampak error seperti di bawah ini.


Line 605, Column 136: Bad value /feeds/posts/default/-/PC Game?alt=json-in-script&callback=relpostimgcuplik&max-results=50 for attribute src on element script: Whitespace in path component. Use %20 in place of spaces.

Perhatikan tulisan yang berwarna merah, itu adalah label dengan dua kata yang menyebabkan error pada validasi HTML5 yaitu whitespace atau adanya spasi pada url label dalam script related posts. Dan sript related posts dengan label dua kata yang menyebabkan error ketika dibaca peramban untuk error validasi di atas akan tampak seperti di bawah ini (coba CTRL + U pada halaman yang mempunyai label dengan dua kata, pada related postsnya akan tampak seperti di bawah ini).


<script src='/feeds/posts/default/-/PC 
Game?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50'
 type='text/javascript'></script>

Sebenarnya pada validasi HTML5 diberi petunjuk untuk mengatasi masalah ini yaitu dengan memberikan kode %20 pada spasi label-nya, namun saya masih belum menemukan cara untuk memperbaikinya. Harus menggunakan javascript untuk mengatasinya, namun sayang saya belum begitu mahir untuk menulis bahasa javascript untuk mengatasi masalah ini.

Masalah yang kedua yaitu dari penulisan script related posts itu sendiri. Pada script related posts biasanya ada kode seperti di bawah ini.

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=14&quot;' type='text/javascript'/>

Perhatikan kode yang berwarna merah, itu kode yang memberikan error pada validasi HTML5 untuk related posts. Cara memperbaikinya kita tambahkan kode amp; dibelakang kode &. Jadi penampakannya akan seperti di bawah ini.

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=related_results_labels_thumbs&amp;amp;max-results=14&quot;' type='text/javascript'/>

Nah dengan memperbaiki 2 masalah di atas, maka related posts blog akan valid HTML5. Demikian saja trik untuk memperbaiki related posts agar valid HTML5 ini semoga dapat dimengerti dan bermanfaat.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×