Cách tạo bài Post nội dung bài viết chuẩn HTML5 cho blogspot

Nối tiếp post cách tạo blog chuẩn W3C HTML5 thì post này sẻ giúp bạn cách đăng bài tránh bị lỗi mà hoàn toàn Valid HTML 5.

Một số lỗi bạn chạm chán phải thường vì đăng ảnh, hoặc tạo bảng như:
"Attribute imageanchor not allowed on element a at this point", "The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead" hoặc 'An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images"...

Cách đăng bài chuẩn HTML5

Lời khuyên là mọi người nên đăng bài ở bề ngoài HTML thay vì dạng viết dạng text theo thông thường. hoặc nếu bạn không quen thì có thể biến đổi qua lại làm sao cho đơn giản đặc biệt là được.

Lỗi khi up ảnh lên bài viết

Đây là lỗi thường chạm chán nhất nếu bạn không chú tâm đến thì khi check blog trên http://validator.w3.org/ sẻ hiển thị lỗi ngay, ảnh thiếu alt cũng là lỗi thường chạm chán nó vừa bị lỗi và vừa không tối ưu với tool tìm kiếm.

Khi đăng ảnh bạn cần xóa mã sau: border="0" và imageanchor="1" và nhớ thêm thẻ alt để bài đăng đc chuẩn HTML5

Một số lỗi trong template...

Một số lỗi thường chạm chán như: "The allowtransparency attribute on the iframe element is obsolete. Use CSS instead" , "The frameborder attribute on the iframe element is obsolete. Use CSS instead", "Duplicate ID post-timestamp-for-related.", "Bad value for attribute src on element iframe: Must be non-empty"...

Để sửa những lỗi này bạn vào theme tìm đoạn code sau:

<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%'/>

và xóa tất cả những mã như bên dưới đi:

- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'

Tiếp tục tìm đoan code sau:

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

Thay thế bằng mã sau:

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

Với một vài khuyến cáo trên chờ đón sẻ giúp bạn tạo bài đăng chuẩn HTML5 cho blogspot!