Cara Membuat Template Blog Valid HTML5

Publish Date : 15-10-2016 , dibaca 3711 kali, Hari ini dibaca : 1 kali ,0 comments

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 + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

6. Langkah selanjutnya ialah.. remove default css dari bloger , cari code :

<head>

Ganti dengan

&lt;/head&gt;&lt;!--<head/>--&gt;

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 &amp;

Untuk Melihat Hasilnya silahkan Cek di http://validator.w3.org/nu/ atau http://validator.w3.org/unicorn/

 

 

Produk Rekomendasi

Artikel Terkait

Diskusi



wa