Hallo sobat
AHS,,,
kali ini saya akan membagikan
Cara untuk valid HTML5,,
seperti yang kalian tau,, blog/situs ini sudah
valid HTML5,, saya sudah memvalidkan blog ini, ya pada awalnya sih saya juga mengalami kesulitan, tetapi setelah saya mengerti hal" dasar yang membuat valid,saya lakukan dan ternyata langsung bisa valid xD
Apa seh itu valid HTML5??
bagi yang belum tau silahkan cek
disini,,nah itu kalo barnya udah berwarna hijau kayak punya blog ini,baru bisa dikatakan valid HTML5
bukannya saya bermaksud pamer yaa sobat,, tapi disini saya ingin mengatakan bahwa :
Untuk Valid HTML5 itu sebenarnya gampang gampang susah,
harus sedikit menguasai HTML dan fungsi-fungsi dasarnya,ada beberapa hal yang perlu anda pahami,
saya sudah menerapkan langkah ini,dan hasilnya,,
blog saya pun valid HTML5
Yups,, sekarang waktunya,,
saya ingin membagikan teknik dasar yang harus anda pahami
Sudah siap sobat
AHS?
langsung kita mulai yuk,,inilah teknik dasar part 1 untuk valid HTML5,,simak yaa..
Cara Dasar Valid HTML5
- pertama jelas, masuk/login ke blogspot/blogger anda
- kedua, setelah login masuk ke template
- setelah itu tekan Ctrl+F
- cari kode dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
- ganti kode diatas dengan kode dibawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
Sudah Sobat?? Mari kita lanjut ke langkah setelahnya
- jangan lupa tag penutup </html> di ganti menjadi </HTML>
Lanjut Lagiii,,,
- cari semua kode <b:include name='quickedit'/>
- lalu hapuslah kode itu
- cari lagi kode <a expr:name='data:post.id'/>
- hapuslah juga kode itu
Masih belum selesai
- untuk meta tag,ganti semua meta tag anda yang lama dengan kode dibawah ini
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://namablogmu.blogspot.com/feeds/posts/default' rel='alternate' title='Ttitle blogmu - Atom' type='application/atom+xml'/>
<link href='http://namablogmu.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='Ttitle blogmu - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID BLOGGERMU' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='http://www.blogger.com/profile/IDBLOGGERMU' rel='me'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DescriptionMU' name='description'/>
<meta content='KeywordsMU' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageName/> | Category</title>
<meta expr:content='data:blog.pageName + " ok? " + data:blog.title + " category " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + " ok? " + data:blog.title + " category " + data:blog.pageName' name='Keywords'/>
</b:if>
</b:if>
<!--[if ie]><b:include data='blog' name='all-head-content'/><![endif]-->
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
- cari kode <body> dengan tombol Ctrl+F kemudian copy kode dibawah ini tepat diatasnya kode <body>(ngga terlalu atas juga ngga papa,yang penting jadi jadi sama tempatnya javascript)
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'/>
- untuk gambar,hapus semua kode yang tidak diperlukan(contohnya imageachor,style,dll)
- ganti itu dengan kode dibawah ini
<a href='alamat yang dituju'><img alt='alt anda' title='title gambar' src='alamat gambar'></a>
- hilangkan kode <center> jika ada/terdapat pada template anda
- untuk waktu memakai tag <ul>,<li> jangan pernah memakai tag <br/>
harap di ingat sobat, setelah anda melakukan langkah diatas,itu belum valid HTML5,tetapi errornya semakin berkurang
Oke, sekian dulu
Cara Valid HTML5 dari saya, jika ada waktu saya pasti akan bagikan lagi part 2nya
sampai jumpa,,
Referensi: web.qhiyy.com