Blog Agus Fikri Suyuthi

Cara Buat Blog Valid HTML 5

Ditulis oleh: -
Cara Membuat Blog Valid HTML5 100%
   
     Disini saya akan memberikan tutorial yang sudah banyak diperbincangkan oleh blog lain, tetapi namanya bukan Tutorial Plus jika artikel tutorialnya standart, jadi disini saya akan beri yang plus tentunya, oke back to topic , kelebihan HTML5 ini menurut saya lebih validasi, cepat, canggih dan tentunya mengikuti kemajuan jaman. 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.
     Sebelumnya silahkan cek telebih dahulu jumlah error validasi blog anda, ingat tujuan artikel ini adalah memberi tutorial agar blog anda valid yaitu 0 Error dan 1 Warning seperti blog ini.


nah langsung saja...
1. Ganti kode :
<?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 b:version='2' class='v2' 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> 
 dengan :
<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<HTML>

<head>

<meta charset='utf-8'/> 

2. Ganti kode :
</html> dengan </HTML> 

3. Hapus kode-kode html di bawah ini :
<div class='post-share-buttons goog-inline-block'>

kode lain...

</div>
<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:include name='quickedit'/>
<b:include data='blog' name='all-head-content'/>
4. Hindari Tag <center> karena HTML 5 tidak Support 5. Hapus Widget dibawah ini (Jika ada) :
  • Google+ Followers
  • Pengikut
  • Share Button
  • Statistic (Penghitung jumlah pengunjung) 
6. Perhatikan Hal berikut :
  • Tambahkan tag alt di setiap tag <img>
  • Hilangkan kode imageanchor pada tag img.
  • Hilangkan kode border pada tag img.
yah..., 6 dulu yah , hehehe nanti di sambung lagi, Oke semoga bermanfaaat dan berguna. jika masih bingung silahkan berkomentar.