Kali ini, mari kita belajar untuk menerapkan HTML5 pada template. Jika anda ingin memvalidasi template anda yang sesuai dengan ketentuan HTML5 silahkan baca posting saya sebelumnya yakni mengenai "Memvalidasi HTML5 Pada Template Di W3C Validator".Nah, sekarang, saatnya belajar "Menerapkan HTML5 Pada Template". Bagaimana caranya? Silahkan saja baca dengan seksama dalam tempo yang sesingkat-singkatnya. hehe
1. Silahkan Copy Code yang terletak di awal hingga
<title><data:blog.pageTitle/></title><?xml version="1.0" encoding="UTF-8" ?>Ganti kode diatas dengan kode singkat berikut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
2. Nah, untuk selanjutnya, silahkan letakkan kode berikut di atas kode<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
</head>.Oke, dan selanjutnya yang terakhir yakni dengan menghilangkan navigasi bar dari Blogger. Dengan cara<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
letakkan kode berikut diatas kode
</head>.<!-- <body><div></div> -->
Oke, sekian semoga bermanfaat!
4 Comments:
Apa keutungan yang paling signifikan dengan penggunaan script HTML5 pada blog selain validasi dari W3C... trims .. nice info... Peace :)
@Zona Indonesia untuk mempermudah SEO gan, soalnya search engine bakal lebih mudah mengenali engine kita yg lebih update (sesuai prkembangan jaman) dari pada yg lama
waduh sayang , punya saya gagal terusss
@Pelajar SEO semua butuh proses gan
Post a Comment | Classic Comment's Form