Postingan kali ini saya akan membahas bagaimana cara menerapkan HTML5 di dalam Template dan juga cara membuat template blogger sederhana bergaya HTML5.
Karena ini bisa mengurangi error di W3C
Berikut kutipan dari wikipedia di bawah :
HTML5 adalah HTML masa depan untuk standar baru html,xhtml dan html dom versi lama html yang di mulai dari tahun 1999. HTML5 adalah satu bantuan kerjasama di antara World Wide Web Consortium (W3C) dan Web Hypertext Application Technology Working Group (WHATWG).
Kesimpulannya bahwa HTML5 untuk masa depan dan dapat mengurangi error di W3C Sebelum memulai ini anda harus ke situs http://validator.w3.org/ lalu ketikan url blog anda di sana.Setelah itu jangan keluar dulu dari sana kalau bisa di bookmark situsnya.
Untuk membuat Template HTML5 di blogspot kita harus melakukan percobaan agar meyakinkan anda bahwa HTML5 bisa mengurangi error, langkahnya adalah sebagai berikut:.
Dalam menu Dasbor klik Rancangan pilih Edit HTML dan pilih Template Tata Letak lihat gambar dibawah yang diberi tanda kotak
Pilihlah Template Jason Sutter (Simple II) yang berada di paling bawah lihat gambar dibawah
kemudian klik SIMPAN TEMPLATE.
Perubahan Anda telah disimpan. Lihat Blog
Klik lagi Edit HTML cari kode seperti berikut letaknya berada di bagian paling atas
<?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>
<!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>
Jika sudah ketemu hapus dan ganti dengan markup di bawah:
<?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>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Kemudian cari kode </head> copy kode berikut dan paste di atasnya
<!--[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]-->
<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]-->
Lalu letakkan kode berikut dibawah kode </head> ini untuk menghilangkan navigasi bar agar mengurangi eror di W3C
<!-- <body><div></div> -->
SIMPAN TEMPLATE
Jika ada
Peringatan: Template baru Anda tidak berisi widget berikut:
- Navbar1
Penghapusan widget tidak dapat diurungkan.
Pilih HAPUS WIDGET.
Semoga berhasil
No comments:
Post a Comment
You can use some HTML tags, such as , ,