Cara Membuat Template Blog Valid HTML5

Cara Membuat Template Blog Valid HTML5. Dengan mengikuti tren evolusi HTML ke dalam spesifikasi HTML5, saya juga tidak ingin ketinggalan tentang desain blog berbasis html5, maka saatnya sekarang  anda juga perlu perubahan pada template anda dan mengadopsi HTML5 tag markup semantik ke dalam desain website atau blog anda. , W3C telah melakukan penyampaian tentang pengembangan web untuk html5, browser dan algoritma spider, sekarang saya akan memberi panduan sederhana dalam rangka pengembang web yang dapat anda mulai dengan menggunakan beberapa elemen HTML5 dan CSS3. untuk menyingkat waktu dan tidak mau berbicara panjang lebar tentang HTML5. Mari sekarang kita lakukan perubahan untuk mengadopsi html5 pada template anda.

Cara Membuat Template Blog Valid HTML5

Sekarang silahkan backup template anda sebelum melakukan tutorial ini,untuk jaga-jaga bila terjadi kesalahan erorr dan bisa di kembalikan ke template semula.

Cara Membuat Template Blog Valid HTML5

Langkah 1.  Silahkan anda cari kode seperti dibawah ini.  (Kode bisa di lihat di paling atas )

 <?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>

Kalo sudah ketemu, silahkan anda ganti semua kode tersebut dengan kode di bawah ini.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Langkah 2. Ganti kode </html> menjadi </HTML> ( Kode bisa di lihat di paling bawah )
Langkah 3. Sekarang anda cari kode seperti di bawah.

 <b:include data='blog' name='all-head-content'/>

Kalo sudah ketemu ganti kode tersebut dengan kode di bawah.

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<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> 

Langkah 4. Sekarang anda cari kode <b:skin><![CDATA[ dan ganti kode tersebut dengan kode di bawah ini.

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>

Langkah 5. Sekarang anda cari dan hapus semua kode seperti di bawah.

<b:include name='quickedit'/>

Langkah 6. Hapus lagi kode seperti di bawah.

<a expr:name='data:post.id'/>

Langkah 7. Hapus lagi Kode seperti di bawah.

<b:include data='post' name='postQuickEdit'/> 

Langkah 8. Hapus kode seperti di bawah ini, kalo tidak ada silahkan lewati saja.

<div class='post-share-buttons goog-inline-block'>...sampai...</div>

Langkah 9. Ganti semua kode & menjadi &amp;

Langkah 10. selanjutnya hapus semua kode seperti di bawah ini satu persatu.

- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'

Klik save template dan selesai. meski sebenarnya ini tidak 100% full valid Html 5, namun dengan tutorial ini, maka anda dapat mengurangi erorr di W3C Html. Kurang dan lebih nya saya mohon maaf dan semoga bermanfaat.

3 Responses to "Cara Membuat Template Blog Valid HTML5"

  1. wah ilmu nie mbak, terima kasih. salam kunjungan salam perkenalan mbak.

    BalasHapus
  2. Yang quidkedit koc gak bisa ya mas . bagaimana mas caranya share lagi ya

    http://caracheviy.blogspot.co.id

    BalasHapus