Cách tạo bài đăng bài 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 gặp mặt phải thường bởi đă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 ở chính sách 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 dễ ợt đặc biệt là được.

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

Đây là lỗi thường gặp mặt nhất nếu bạn không xem xét 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 gặp mặt 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 gặp mặt 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 mong chờ sẻ giúp bạn tạo bài đăng chuẩn HTML5 cho blogspot!