Disini saya akan memberikan tutorial yang sudah banyak diperbincangkan oleh blog lain, kelebihan HTML5 ini menurut saya lebih valid, cepat, canggih dan tentunya mengikuti kemajuan zaman. dengan HTML5 ini tentu ada perbedaan dibanding HTML4 diantaranya, HTML5 memiliki tag baru yaitu : <header>, <article>, <footer> dan masih banyak lagi, namun di HTML5 ini ada tag yang dikurangi salah satunya tag <center>, tapi tenang kita dapat mengatur letak center tanpa tag tersebut yaitu dengan css. kode html dari
template blogger yang wajib diubah sekiranya sebagai berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Menjadi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Membuat Valid tag html Ganti Kode di bawah ini supaya valid
<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'>Menjadi
<html lang='en' xml:lang='en' 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'>
Membuat Valid Navbar Blog Ganti Kode di bawah ini supaya valid
<b:include name='nextprev'/>Menjadi
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
Membuat Valid Icon Post Ganti Kode di bawah ini supaya valid
<span class='post-icons'>Menjadi
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Membuat Valid Comment Declaration Pada CSS Ganti Kode di bawah ini supaya valid
/*----------- Header ------------*/Menjadi
/* Header */
Membuat Valid default Meta Ganti Kode di bawah ini supaya valid
<b:include data='blog' name='all-head-content'/>Menjadi
<!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/id_blog' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=id_blog' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/id_blog/posts/default' rel='service.post' title='Atom' type='application/atom+xml'/>
<link href='http://namablog.blogspot.com/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
Membuat Valid Template dengan Menambahkan script di bawah tag body
Di atas tag body, sisipkan script berikut
<!-- <body><div></div> -->
Membuat Valid Template dengan cara menghapus Quickedit
<b:include name='quickedit'/>
Membuat Valid Template dengan cara mengganti & pada url
&amp;
Membuat Valid Template dengan menambahkan ALT tag pada setiap gambar
<img alt="Deskripsi singkat disini" src="URL Gambar"/>Contoh VALID HTML5
Oke semoga bermanfaaat dan berguna.
0 komentar "Agar Blog Valid HTML5", Baca atau Masukkan Komentar
Post a Comment