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

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

COMMENTS

BLOGGER: 27
Loading...
Name

Adsense,5,CSS,8,Font,1,HTML,5,Javascript,5,Jquery,1,Lain-lain,5,PHP,1,SEO,3,Template,45,Tips,2,Tutorial,50,Widget,1,
ltr
item
HBT Blog: Validasi HTML5 Pada Halaman Posting
Validasi HTML5 Pada Halaman Posting
http://4.bp.blogspot.com/-_fYDQVxmQ9k/U4t_y5SDDpI/AAAAAAAABuA/4KT8p4AOnyk/s1600/validpost.png
http://4.bp.blogspot.com/-_fYDQVxmQ9k/U4t_y5SDDpI/AAAAAAAABuA/4KT8p4AOnyk/s72-c/validpost.png
HBT Blog
http://hollabacktexas.blogspot.com/2014/06/validasi-html5-pada-halaman-posting.html
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/2014/06/validasi-html5-pada-halaman-posting.html
true
4727374246882403435
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy