Cara Membuat Template Blog Valid HTML5
OK.. Tutorial Kali ini kita akan Membahas Cara Membuat Template Blog Menjadi Valid HTML5 , Kenapa harus valid HTML5 , karena template yang valid dengan HTML5 akan menambah rangkin di mata google / search engine, mereka akan dengan mudah merayapi setiap detail situs anda , Tentunya akan menguntungkan kita jika artikel kita selalu terindex oleh Google
Bagaimana Caranya Membuat Template blog Valid HTML5..?
Berikut ini beberapa langkah yang dapat membantu anda untuk membuat template blog valid HTML5 :
NB : Backup / Cadangkan terlebih dahulu template anda untuk menghindari hal-hal yang tidak diinginkan
1. Login ke akun blog anda2. Pilih Menu Template
3. Edit HTML
4. Jika sudah masuk ke editor template anda :
Cari kode dibawah ini , anda bisa mendapatkan dengan mudah lewat pencarian / ctrl+f :
<!DOCTYPE html>
<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'>
Ganti dengan code
<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<meta charset='UTF-8'/>
5. Langkah selanjutnya cari kode :
<b:include data='blog' name='all-head-content'/>
Ganti dengan :
<meta content='blogger' name='generator'/>
<meta charset='UTF-8'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
6. Langkah selanjutnya ialah.. remove default css dari bloger , cari code :
<head>
Ganti dengan
</head><!--<head/>-->
7. Hapus semua code dibawah ini pada template blogger anda :
<b:include name='quickedit'/>
8. Hapus juga code dibawah ini :
<a expr:name='data:post.id'/>
9. Hapus juga code dibawah ini :
<b:include data='post' name='postQuickEdit'/>
10. Ganti code & menjadi &
Untuk Melihat Hasilnya silahkan Cek di http://validator.w3.org/nu/ atau http://validator.w3.org/unicorn/