Bài đăng phổ biến chuẩn HTML5 cho Blogger

Cách thức để tối ưu cho một Blogger template đạt chuẩn HTML5 thì khá là lằng nhằng. Đặc biệt ngoài việc chỉnh sửa lại cấu trúc bên trong blog, chúng ta còn phải chỉnh sửa luôn cả những widget mặc định của nó. Trước đây mình đã có một bài viết hướng dẫn các bạn cách để chỉnh sửa widget Tiêu đề để phần logo blog đạt chuẩn HTML5, và hôm nay mình xin hướng dẫn các bạn chỉnh một widget hầu như có trên mọi blog "bài đăng phổ biến" đạt chuẩn HTML5.

Bài đăng phổ biến chuẩn HTML5 cho Blogger

Bài đăng phổ biến chuẩn HTML5 cho Blogger

Cũng như bài viết hướng dẫn khắc phục logo không đạt chuẩn, vấn đề nằm ở thẻ img chứa những thuộc tính không cần thiết, đây là đoạn mã được báo lỗi.
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
Chuẩn HTML5 không chấp nhận những thuộc tính có thể căn chỉnh bằng css. Do đó để khắc phục, bạn chỉ cần xóa những thuộc tính đó và sử dụng css để căn chỉnh lại. Để tránh phiền hà cho các bạn mình đã sẵn decode lại, bạn chỉ cần thay thế đoạn mã phía trên bằng đoạn mã ở đây.
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:style='&quot;width:&quot; + data:thumbnailSize + &quot;px;height:&quot; + data:thumbnailSize + &quot;px;&quot; + &quot;border:0&quot;'/>
như bạn thấy mình đã xóa bỏ những đoạn màm mình đã đánh dấu ở trên và dồn chúng vào thuộc tính style mình tự viết. Mình còn thêm cả tiêu đề bài viết vào thuộc tính alt tối ưu hơn cho SEO so với đoạn mã mặc định chỉ là ký tự rỗng.

Lời kết

Sau khi hoàn thành thì bạn đã làm cho widget bài đăng phổ biến trên blog của bạn đạt chuẩn HTML5, những bạn nào muốn biết mình làm thế nào để có thể đưa chúng vào trong thuộc tính style để mốt tự chỉnh sửa thì có thể tham khảo qua các bài viết thể ngôn ngữ lập trính Blogger trên blog của mình.

2 bình luận

  1. avatar says

    lúc 15:50 14 tháng 7, 2014

    Chị thay code em hướng dẫn nhưng mà Bài đăng phổ biến nó vẫn y nguyên hông khác gì hết í. Hay chị làm saio thao tác rồi? Trong HTML của chị có tới 2 đoạn code giống nhau (code mà em tô màu đỏ í).

  2. avatar says

    lúc 16:36 14 tháng 7, 2014

    Đúng rồi chị ơi, nó như cũ mà. Nó chỉ tối ưu website chuẩn HTML5 thôi.

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.