Hướng dẫn tạo mẫu blogspot chuẩn W3C HTML5

Dạo này check trên mạng thấy những blogger chuyên kiến tạo theme blogger họ tạo ra những mẫu theme hầu như theo chuẩn html5 cả nên post sẻ chỉ dẫn mọi người cách để chuyển blog của tôi từ XHTML...sang HTML5

Chắc hẳn bạn đang đặt ra câu hỏi HTML5 là gì?

HTML là viết tắt của cụm từ Hyper Text Markup Language là ngôn ngữ ghi lại siêu văn bản, đây là cơ chế định dạng cốt lỗi của hầu hết những trang web trên mạng Internet. Và thời điểm hiện tại HTML5 là phiên bạn dạng sau và tiên tiến nhất đi lên từ HTML, nó có nâng cấp thêm nhiều chức năng khác nhau tương xứng với sự phát triển của khoa học công nghệ thôi.

Lịch sử những phiên bạn dạng HTML

Lợi ích nên chọn lựa HTML5?

Giúp tool tìm kiếm index trang web / blog tốt hơn và Cấp Tốc hơn.
Tương thích tốt hơn với trình duyệt
Document Object Model (DOM) là định hình hơn và nhất quán
...

Chuyển Blogspot sang HTML5

Bước 1: Kiểm tra blog của bạn đang dùng phiên bạn dạng mấy bằng cách vào trang sau: validator.w3.org , nếu có thông báo như vậy này là Blog của bạn đã chuẩn HTML5.

Bước 2: Sao lưu mẫu lại trước khi thực hiện
Bước 3: Xóa hết những thẻ trên <head> và để lại như sau:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>

Chuyển mã </html> thành </HTML>

Bước 4: Thay thế mã sau:

<b:include data='blog' name='all-head-content'/>

Thành

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>

Bước 5: Thay thế mã <b:skin><![CDATA[ thành:

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/><style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]<style>

Bước 6: Tìm và xóa bỏ tất cả những mã sau:

<b:include name='quickedit'/>

Mỗi khi bạn thêm một widget vào thì phải vào trong theme và xóa mã này đi nếu không nó sẻ báo lỗi.

Bước 7: Xóa bỏ tất cả những mã sau:

<a expr:name='data:post.id'/>

Hoặc

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a></span></b:if></b:includable>

Bước 8: Loại mã như vậy này nếu có:

<div class='post-share-buttons goog-inline-block'>........</div>

Bước 9: Mã hóa những ký tự khác lạ như: < > / & . . .

Thường bạn sẻ chạm mặt mã đây nhất: & hãy thay chúng thành &amp;

Giờ bạn hãy thử kiểm tra thử xem Blog của tôi đã chuyển sang HTML5 và chuẩn chưa nào?

Top Ad unit 728 × 90

Mới nhất

Hướng dẫn tạo mẫu blogspot chuẩn W3C HTML5

Lịch sử những phiên bạn dạng HTML

Lợi ích nên chọn lựa HTML5?

Chuyển Blogspot sang HTML5

Seo cực rẻ

No comments:

XEM NHIỀU NHẤT

Chúng tôi trên facebook

Total Pageviews

Bài mới

Liên hệ để SEO ngay