• Trang chủ
  • Contact
  • Sitemap
  • Policy
  • Services
Thủ Thuật Windows, Internet, Blogspot
  • Thủ Thuật
  • Windows
  • Tutorials
  • Software
  • Internet
  • Blogspot
Home » Blogger » Tutorials » Cách tạo bài đăng chuẩn HTML5 cho blogspot

Cách tạo bài đăng chuẩn HTML5 cho blogspot

Posted by Unknown in Blogger,Tutorials at 6/07/2014 23, Comments
Nối tiếp bài viết cách tạo blog chuẩn W3C HTML5 thì bài viết 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.
Cách tạo bài đăng chuẩn HTML5 cho blogspot

Một số lỗi bạn gặp phải thường do đă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à các bạn nên đăng bài ở 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ể chuyển đổi qua lại làm sao cho thuận tiện nhất là được.

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


Đây là lỗi thường gặp nhất nếu bạn không để ý 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 nó vừa bị lỗi và vừa không tối ưu với công cụ tìm kiếm.

Cách tạo bài đăng chuẩn HTML5 cho blogspot

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

Cách tạo bài đăng chuẩn HTML5 cho blogspot

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


Một số lỗi thường gặp 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"...

Để fix các lỗi này bạn vào template 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ả các 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 lời khuyên trên hy vọng sẻ giúp bạn tạo bài đăng chuẩn HTML5 cho blogspot!

Share!Tweet


Bạn đang xem bài viết Cách tạo bài đăng chuẩn HTML5 cho blogspot trên tips24h.net - Cách tạo bài đăng chuẩn HTML5 cho blogspot tương đương với đường dẫn http://www.tips24h.net/2014/06/cach-tao-bai-dang-chuan-html5-cho-blogspot.html. Nếu bạn thấy bài viết hữu ích hãy chia sẻ URL trên cho bạn bè, người thân của bạn. Vui lòng không sao chép nội dung bài viết trên www.tips24h.net nếu chưa được sự đồng ý của Admin

23 Responses to "Cách tạo bài đăng chuẩn HTML5 cho blogspot"

avatar
Reply
Tuấn Phandelete6/16/2014

mình viết bài xong check http://validator.w3.org/
link : http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tuanphan.info%2F2014%2F06%2Fhoc-nhanh-cac-phim-tat-trong-windows.html&charset=%28detect+automatically%29&doctype=Inline&group=0
nó báo lỗi này là sao ta:Error Line 1914, Column 52: Bad value for attribute src on element script: Must be non-empty.
<script async='async' src='' type='text/javascript'></script>

avatar
Reply
Akat Sukidelete6/22/2014

Bác coi remove cái đoạn <script async='async' src='' type='text/javascript'></script>
đoạn mã đồng bộ này rỗng nên nó báo lỗi thế đấy, còn lỗi 1 để mình xem lại thử chứ chưa biết sao nữa

avatar
Reply
Tuấn Phandelete6/22/2014

ok mình đả xóa đoạn này <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> không biết có ảnh hưởng gì không

avatar
Reply
Akat Sukidelete6/23/2014

Để an toàn hơn bạn tìm đến đoạn code này <b:include data='post' name='threaded_comment_js'/> và thêm vào trên nó đoạn mã sau:
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</

Nhớ để đoạn code bạn xóa lúc nảy vào nhé

avatar
Reply
Tuấn Phandelete6/23/2014
Nhận xét này đã bị tác giả xóa.
avatar
Reply
Tuấn Phandelete6/23/2014

à lỗi này do bài viết không có nhận xét nên nó báo vậy mà

avatar
Reply
Tuấn Phandelete6/25/2014

à bạn fix lỗi webmaster tools mình hộ cái
Lỗi: The name of reviewed item is not supplied by "item" field.
link:
https://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fwww.tuanphan.info%2F2014%2F06%2Fnguoi-bi-tap-13-phuong-vy-john-huy-tran.html

avatar
Reply
Akat Sukidelete6/26/2014

Không chắc lắm nhưng bạn thử tìm đoạn code sau: <span itemprop='reviewer'> và thay bằng <span itemscope="" itemtype='reviewer'> thử xem

avatar
Reply
Akat Sukidelete6/26/2014

Nếu vẫn lỗi thì thay bằng đoạn này <span itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'> chắc oki

avatar
Reply
Tuấn Phandelete6/26/2014

Fix hết lỗi bên webmaster tool thì bị lỗi HTML5

avatar
Reply
Tuấn Phandelete6/26/2014

Dùng cái này <span itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'> thì ok cả hai, cám ơn bạn nhiều

avatar
Reply
Tuấn Phandelete6/26/2014

mình thay đoạn này củng ok nè
<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

avatar
Reply
Akat Sukidelete6/26/2014

Otôkê :-bd

avatar
Reply
Tuấn Phandelete6/29/2014

à trong flie tùy chọn tìm kiếm mình cài thế này cò chính xác chưa bạn
http://4.bp.blogspot.com/-U9jhQrn3ARg/U69v0oH_iJI/AAAAAAAAGxU/oA8QToP7MBs/s320/Blogger++Tuan+Phan+Blog+-+T%C3%B9y+ch%E1%BB%8Dn+t%C3%ACm+ki%E1%BA%BFm+(1).png

avatar
Reply
Hoang Nam Nguyendelete7/31/2014

hơi ngoài lề chút, làm sao tạo dc 1 page giới thiệu dạng http://www.tips24h.net/p/contact.html như này dc nhỉ?

avatar
Reply
Akat Sukidelete7/31/2014

Bạn vào bảng điều khiển chọn "Trang" rồi chọn "Trang mới" rồi viết những gì bạn cần rồi xuất bản thôi
Hoặc bạn tìm trên google "cách tạo trang tĩnh cho blogger"

avatar
Reply
Chemistry Mrdelete12/29/2014

blog của em nó báo lỗi thiếu alt cho hình ảnh khi sử dụng seoquaketer rất la nhiều, mặc dù trong bài viết em ko thiếu alt nào, có phải là do trong Hình ảnh hiển thị ở label, reated post không anh, cách sửa như thế nào hả anh

avatar
Reply
Akat Sukidelete12/29/2014

Blog bác là gì nhỉ, bác sử dụng mấy công cụ sau để check và tìm tới ảnh nào thiếu thẻ alt thì thêm vào thôi.
add-on seo doctor trên firefox
chkme.com là trang web check seo
mình thường dùng 2 thằng này để check...bạn thử đi có gì pm lại mình giúp

avatar
Reply
Hải Phụng Huỳnhdelete1/07/2015

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.toilaquantri.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

a kiểm tra và hd e sửa vài lỗi html5 chứ tem e còn nhiều lỗi quá mà đã đọc hết bài rồi

avatar
Reply
Quynh Daviddelete1/09/2015
Nhận xét này đã bị tác giả xóa.
avatar
Reply
Son Nongdelete8/30/2016

Chào bạn! Mình đã vọc hết những thủ thuật trang bạn chia sẻ. Nhờ bạn xem giúp trang Giải bài tập toán đã tối ưu chưa, nếu chưa thì cần tinh chỉnh thêm những gì nữa, mong bạn chỉ giáo. Cảm ơn bạn!

avatar
Reply
Thủ Thuật VIPdelete8/30/2016

Oke rồi : )

avatar
Reply
Son Nongdelete8/31/2016

Cảm ơn bạn!

Khi Comment hãy click vào "Thông báo cho tôi" để theo dõi phản hồi mới nhất từ admin

Bài đăng Mới hơn
Bài đăng Cũ hơn
Trang chủ
Đăng ký:Đăng Nhận xét (Atom)

Thủ Thuật Windows


Xem tất cả thủ thuật Windows »

Internet Tips


Xem tất cả thủ thuật Internet »

Thủ thuật Hot

  • Top 10 website boot traffic tốt nhất 2019
    Top 10 website boot traffic tốt nhất 2019
    Boot traffic cho website bằng autosurf exchange thông qua các trang web trao đổi exchange nhìn thì có vẻ xấu nhưng chả có gì là tuyệt đối c...
  • 5 cách xác định phiên bản Windows là 32 hay 64 bit
    5 cách xác định phiên bản Windows là 32 hay 64 bit
    Đối với nhiều người khi mới làm quen với Windows thì có thể bạn chưa biết cách để xác định xem máy tính của mình đang chạy Windows 32bit ha...
  • Cách chuyển file DWG sang PDF với 4 bước đơn giản
    Cách chuyển file DWG sang PDF với 4 bước đơn giản
    Vừa qua mình có làm một số đồ án với phần mềm auto cad với file đuôi là DWG và lục lọi một hồi thì biết được cách để chuyển nó sang dạng PD...
  • Cách làm tăng chất lượng file mp3 lên 320kbps
    Cách làm tăng chất lượng file mp3 lên 320kbps
    Khi tải những bài hát miễn phí từ Mp3.zing.vn hoặc một số trang tải nhạc tại Việt Nam với tài khoản miễn phí bạn chỉ có thể tải về với chấ...
  • Hướng dẫn sử dụng firebase làm host lưu trữ cho website/blog
    Hướng dẫn sử dụng firebase làm host lưu trữ cho website/blog
    Như bài viết trước mình đã nói Google Drive Web Hosting sẻ ngừng hoạt động từ ngày 31/08/2016 nên những ai đang sử dụng dịch vụ cũ của goog...
  • Cách hiển thị thư mục Favorites trên Windows 8 | 10
    Cách hiển thị thư mục Favorites trên Windows 8 | 10
    Mặc định thì thư mục Favorites sẻ hiển thị trên Windows nhưng nếu bạn không thấy thực mục này chứa các phần mà bạn thường xuyên sử dụng nh...
  • Sửa lỗi mất Snipping Tool trong Windows
    Sửa lỗi mất Snipping Tool trong Windows
    Snipping Tool là công cụ giúp bạn chụp ảnh màn hình khá đơn giản, hiệu quả và thiết thực để bạn có thể lưu lại những h...
  • Video youtube tự động chạy khi nhúng vào web/blog
    Video youtube tự động chạy khi nhúng vào web/blog
    Nhiều trường hợp khi bạn nhúng video từ youtube vào website blog bằng cách lấy code Embedded dưới video mục chia sẻ > nhúng thì có thể á...
  • Hướng dẫn cách kiểm tra proxy live hay die
    Hướng dẫn cách kiểm tra proxy live hay die
    Trên các diễn đàn về kiếm tiền trên mạng mình thấy vô số người chia sẻ vô số list proxy nhưng làm thế nào để xác định proxy còn sống hay c...
  • Bến Vân Đồn - Địa điểm bất động sản nóng nhất Quận 4
    Bến Vân Đồn - Địa điểm bất động sản nóng nhất Quận 4
    Quận 4 nổi nên như là trung tâm thành phố mới bên sông Sài Gòn . Rất nhiều các dự án bds như căn hộ charmington iris, căn hộ gold view, Ico...

Chuyên Mục

BloggingBrowseFacebookSEOSoftwareToolsTricksTutorialsWindowsWordpress

About Tips24h.net

thủ thuật windows, internet | tips24h.net

Tips24h.net | Blog chia sẻ các thủ thuật Windows, Internet, các thủ thuật blogger/blogspot và nhiều thủ thuật tin học, thủ thuật SEO, tool hoàn toàn miễn phí. Hy vọng bạn sẻ tìm được nhiều điều bổ ích khi ghé thăm website

Thủ Thuật Hay

  • Cách xóa dữ liệu web trên Google Chrome và Firefox
  • Bán hàng Facebook có bị phạt hay không?
  • Khóa thư mục không cần phần mềm trên Windows 7 8
  • Cách xác định phiên bản Windows 32 hay 64bit
  • Cách tạo bài đăng chuẩn HTML5 cho blogspot
  • Hướng dẫn cách gửi email ẩn danh
  • Cách chia sẻ dữ liệu trên Windows bằng Bluetooth
  • Hướng dẫn cách kiểm tra proxy live hay die

Bài viết nên xem

  • Tải về Unikey mới nhất phiên bản 4.2 RC3
  • Hướng dẫn cách cài đặt alexa widget cho website/blog
  • Cách xác minh tài khoản Facebook bằng điện thoại
  • Cách tăng lưu lượng truy cập cho blog/website
  • Sửa lỗi CPU và Disk chạy 99 100% trên Windows 7 | 8
  • Phần mềm xem phim chất lượng và tiện lợi nhất
  • Chặn lời mời chơi game từ Facebook
  • Hướng dẫn diệt virus trong profile Facebook

lh

Tên

Email *

Thông báo *

Develop by Tips24h.net

Powered by Thủ Thuật VIP

Tăng tốc WordPress | Bảo mật WordPress

Copyright Thủ Thuật Windows, Internet, Blogspot 2016

▲