» »Unlabelled » Cara Membuat Template Blogger Valid HTML5
Tuesday, 25 February 2014

Cara Membuat Template Blogger Valid HTML5
Cara Membuat Template Blogger Valid HTML5
HTML5 adalah versi terbaru dari HTML. Banyak para developer template yang berlomba-lomba membuat template versi HTML5. Saya tidak akan membahas apa kelebihan HTML5 tapi yang jelas keluaran terbaru ini lebih oke dibanding versi sebelumnya.

Bagaimana cara mengetahui sebuah template valid html5 atau tidak? 
Banyak penyedia website maupun tool yang memberikan informasi tentang ke validan dokumen ini. Salah satu yang paling terkenal dan populer untuk melakukan pengecekan valid HTML5 adalah website validator.w3.org. Tinggal masukkan alamat sebuah website, lalu tekan enter maka kita akan melihat hasilnya.

Template defaultnya pun sudah menggunakan HTML5. Namun sayang tidak valid HTML5. Agar template kita bisa valid HTML 5 maka kita bisa melakukan berbagai upaya seperti di bawah ini:

1. Backup template blogger untuk antisipasi jika ada kesalahan dalam memodifikasi.

2. Cari kode seperti di bawah ini :

    <?xml version="1.0" encoding="UTF-8" ?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ift.tt/mOIMeg">  <head>
Kemudian ganti dengan kode di bawah ini :
    <?xml version="1.0" encoding="UTF-8" ?>  <!DOCTYPE html>  <HTML>  <head>  <meta charset='utf-8'/>

3. Ganti kode </html> dengan </HTML>
4. Ganti kode di bawah ini : 
    <b:include data='blog' name='all-head-content'/>
dengan : 
    <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://ift.tt/1hR3ZuD; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>  <link href='http://ift.tt/18Ilszq' 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>

5. Ganti
    <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>

6. Hapus semua kode ini : <b:include data='post' name='postQuickEdit'/>
7. (Opsional) Hapus kode : <a expr:name='data:post.id'/> atau yang seperti ini : 
    <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://ift.tt/qrjV58' width='18'/></a>  </span>  </b:if>  </b:includable>

8. Hapus juga kode di bawah ini (lewati jika tidak di temukan): 
    <div class='post-share-buttons goog-inline-block'> I S I  K O DE BLA BLA BLA ...</div>

BERSAMBUNG...

Kalau postingannya menarik atau bermanfaat, silahkan di share ke:
Facebook Twitter Google+ Digg


sumber : TanThowi.Com

Baca selengkapnya di --> Cara Membuat Template Blogger Valid HTML5



Share Artikel ini! »»
Posted by at 21:24

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)