Jumat, 03 Mei 2013

Cara Membuat Template Blog Valid HTML 5 dengan Mudah


D
ikesempatan ini TM akan sharing tutorial yang sudah banyak diperbincangkan oleh blog lain, tetapi namanya bukan Tutorial TM jika artikel tutorialnya standart, jadi disini TM akan beri yang plus tentunya, oke back to topic , kelebihan HTML5 ini menurut saya lebih validasi, cepat, canggih dan tentunya mengikuti kemajuan jaman. dengan HTML5 ini tentu ada perbedaan dibanding HTML4 diantaranya, HTML5 memiliki tag baru yaitu : <header>, <article>, <footer> dan masih banyak lagi, namun di HTML5 ini ada tag yang dikurangi salah satunya tag <center>, tapi tenang kita dapat mengatur letak center tanpa tag tersebut yaitu dengan css. Sebelumnya silahkan cek telebih dahulu jumlah error validasi blog anda, ingat tujuan artikel ini adalah sharing tutorial agar blog anda valid yaitu 0 Error dan 1 Warning seperti blog ini.Berikut beberapa tutorial EDIT HTML yang dapat anda lakukan

Gantikan Kode Dibawah ini

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

Dengan Kode Dibawah ini

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

Kode

</html> dengan </HTML>

Hapus Kode Di bawh ini

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

Hapus Kode Di bawh 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://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

Hapus kode dibawah ini

<b:include name='quickedit'/>

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

Ganti Kode

<b:skin><![CDATA[

dengan Kode

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]
<style>
Beberapa Widget Blog yang tidak valid HTML5 Google+ Followers Pengikut Share Button Statistic


Ceck Blog Valid HTML5 

5 Comment:

  1. budi03/05/13, 09.21

    saya mencoba memahami perbedaan html 5 dan html 4 dari artikel ini..trimakasih sobat sudah berbagi ilmu :-)

    BalasHapus
  2. Bekti03/05/13, 09.23

    wah lumayan gampang ya sob,saya simpan dulu tutorialnya sob,nanti saya praktekan kalu sudah ada waktu,makasih ya.

    BalasHapus
  3. modifikasiblog03/05/13, 09.25

    ya, begitulah sob udah admin praktekan dan hasilnya "PASS VALID HTML5" 1 WARNING

    BalasHapus
  4. abang ichal03/05/13, 22.28

    ya beberapa sudah sy lakukan validasi...

    BalasHapus
  5. modifikasiblog04/05/13, 05.04

    kalau saya sudah tidak heran lagi dengan mas rizal, saya yakin dah master banget dalam hal ginian, bisa dilihat dari tampilan blog mas rizal

    BalasHapus