Top Ad unit 728 × 90

.

Mới nhất

Seo-blogspot

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

Hướng dẫn tạo blog chuẩn W3C 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



Hướng dẫn tạo blog chuẩn W3C HTML5


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.

Hướng dẫn tạo blog chuẩn W3C 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 + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + 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'/>&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<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='&quot;item-control &quot; + 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;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?




Hãy để lại comment phía dưới, quản lý viên của Seocucre.com chuẩn bị giúp đỡ bạn
chúc mọi người thành công!!
Hướng dẫn tạo mẫu blogspot chuẩn W3C HTML5 Reviewed by Thietkeblogspot on 4:47 PM Rating: 5

No comments:

All Rights Reserved by Seo cực rẻ © 2014 - 2015

Liên hệ để SEO ngay

Name

Email *

Message *

Powered by Blogger.