Validasi HTML5 Pada Halaman Posting

Validasi HTML 5 Pada Halaman Posting - Dalam pembuatan template kita tidak di anjurkan untuk membuat template kita untuk Valid HTML5 tapi akan lebih bagus jika sampai Valid TML5, pada postingan sebelumnya sudah saya jelaskan bagaimana Cara membuat Validasi HTML5 Blogger. Namun dalam tutorial sebelumnya masih dalam tahap validasi halaman depan saja(Homepage).

validHTML5
Hal-hal dibawah ini yang perlu anda perhatikan agar halaman posting valid HTML5:

Breadcrumbs

Menggunakan markup rdfa membuat halaman tidak valid ,agar valid gunakan markup microdata: Membuat Navigasi SEO dan valid HTML5

Gambar

Apabila ada mengupload photo pada postingan maka akan tampak kode seperti:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-AnSiWEHAEFM/U4uHIDp6psI/AAAAAAAABuM/ibABsciX4Wk/s1600/head.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-AnSiWEHAEFM/U4uHIDp6psI/AAAAAAAABuM/ibABsciX4Wk/s1600/head.jpg" /></a></div>
hapus imageanchor="1", dan ganti border="0" dengan alt="keterangan gambar".

Tombol Share/Like

Gunakan Tombol Share sosial media yang Valid HTML5 [ Baca: Memasang Button Sosial Media dengan Font Awesome ]

Related Post

Rekomendasi Gunakan Related Post yang Valid HTML 5

Widget

Untuk validasi widget sebetunya sudah dibahas pada artikel yang lalu. yang pasti selalu menghapus <b:include name='quickedit'/>setelah menambah widget baru.

Ada yang perlu di perhatikan saat menambahkan kode dalam widget mungkin anda menggabungkan antara CSS,HTML, dan Javascrip pada widget.
Kode <style type="text/css"> inilah yang menyababkan error, untuk solusinya tambahkan scoped atau scoped='' atau scoped='scoped'. Inilah yang dinamakan Boolean Attribute. Maka kode yang benar menjadi :
<style type="text/css" scoped>

Komentar

Inilah penyumbang error terbanyak pada validasi. Dengan menggunakan komentar standar blogger, akan sulit melakukan validasi. Ada 2 cara yang saya rekomendasikan untuk memb
uat valid HTML5:
- Gunakan Komentar Google Plus atau Gunakan Threaded Comments Hack

Apabila anda menggunakan Thread Comments Hack Valid HTML5, ada beberapa langkah yang harus anda lakukan dalam validasi html5 ini.

1. Cari semua kode yang seperti di bawah ini (ada beberapa kode)
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
Hapus kode hapus kode-kode berikut ini :
- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'
2. Ganti kode berikut:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
dengan kode:
<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'/>
</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'/>
</b:if>
Semoga Bermanfaat.
sumber: http://blog.kangismet.net/2013/09/tips-membuat-halaman-posting-valid-html5.html

27 Responses to Validasi HTML5 Pada Halaman Posting

  1. sip sip, ikut nyimak ni tutornya mas mawan :D

    ReplyDelete
  2. Keren mas tutorialnya saya coba deh.Makasih :)

    ReplyDelete
  3. banyak juga yang diperlukan yia bos, ijin mempelajarinya yia bos...

    ReplyDelete
  4. trnyata byk jg yg hrus diperhatikan u valid ini y sob..!, seperti pasng gambr,..!, harus edit nh artikel..:)

    ReplyDelete
    Replies
    1. iya bener mas aldi sya silahkan dicoba :)

      Delete
  5. saya pelajarinya dulu mas, ntar saya praktekkan agar postingan saya valid html5 :D makasih tipsnya :)

    ReplyDelete
    Replies
    1. makasih kembali,, wah mbak indri jarang main kesini =D

      Delete
  6. iya nihh ... halaman posting saya blum valid,, coba duluu ah..
    makasih ya mas :)

    ReplyDelete
    Replies
    1. silahakn mas munawir, semoga berhasil :D

      Delete
  7. Replies
    1. silahkan dicoba, ih ada artis dari thailand :p

      Delete
  8. PR lagi nih. Hihihihi.. :p Rupanya banyak yang mesti aku perbaiki, Bang.. :D

    ReplyDelete
    Replies
    1. semoga lebih baik lagi setelah di perbaiki :)

      Delete
  9. makasih banyak mas,tapi saya bener2 blm paham, perlu belajar berkali2 nih :)
    makasih ilmunya

    ReplyDelete
  10. Wuzzz... PERTAMAX... Pertama berkunjung udah kekagum-kagum

    Salam kenal dari Pulau Dollar

    ReplyDelete
  11. Saya kurang ngerti sama Validasi HTML5 ini mas.. :D

    ReplyDelete
    Replies
    1. santai saja bisa di pelajari dikit2

      Delete
  12. Perlu perjuangan keras mas sepertinya untuk mendapat valid homepage dan postingan :D

    ReplyDelete
    Replies
    1. bener.. kecuali pakai template yang sudah valid keduanya :D

      Delete
    2. Tapi meskipun begitu kalau blog kita masih jelek sebelumnya masih terbawa meskipun sudah ganti template, kalau saya sih begitu. Hehe :D

      Delete

Note:
► Silahkan Berkomentar Sesuai Tema.✔
► No LINK. SPAM & PROMOSI ✘
► Segala Komentar Yang Masuk tidak Saya Moderasi ✔
► Dilarang Promosi (kecuali Ijin Admin ) ✔
► Link Hidup = Hapus.✔