Kukuh Cakra Darma

Menerapkan HTML5 Pada Template

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" ?>
<!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>
Ganti kode diatas dengan kode singkat berikut
<?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>
2. Nah, untuk selanjutnya, silahkan letakkan kode berikut di atas kode </head>.
 <!--[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]-->
Oke, dan selanjutnya yang terakhir yakni dengan menghilangkan navigasi bar dari Blogger. Dengan cara
letakkan kode berikut diatas kode </head>.
 <!-- <body><div></div> -->

Oke, sekian semoga bermanfaat!



Artikel Terkait:

4 Comments:

Zona Indonesia | 13 November, 2010 20:53 | [Reply]

Apa keutungan yang paling signifikan dengan penggunaan script HTML5 pada blog selain validasi dari W3C... trims .. nice info... Peace :)

Kukuh Cakra Darma | 13 November, 2010 20:55 | [Reply]

@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

Pelajar SEO | 24 November, 2010 07:01 | [Reply]

waduh sayang , punya saya gagal terusss

Kukuh Cakra Darma | 27 November, 2010 19:10 | [Reply]

@Pelajar SEO semua butuh proses gan

Post a Comment | Classic Comment's Form