Beranda » HTML » Membuat template blogger menjadi valid HTML5

Membuat template blogger menjadi valid HTML5

Membuat template blogger menjadi valid HTML5

Cara Membuat Template Blog Menjadi 100% Valid HTML5 - Setelah beberapa hari saya tidak update, kali ini saya akan memberikan review baru, review yang bisa Anda coba untuk mesin pencari agar lebih menyenangi blog Anda.

Jadi, jika blog Anda Valid HTML5 tentu saja sudah membuat blog Anda ramah di mesin pencari, jadi jika Anda tidak tahu blog Anda valid atau tidak dapat Anda lihat di validator.org.

Jika blog Anda masih banyak kesalahan, kali ini saya akan mencoba untuk membuat blog Anda Valid HTML5 yaitu dengan cara sebagai berikut:

1. Pertama-tama Anda hapus kode di bawah 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>

lalu ganti kode yang anda hapus di atas dengan kode berikut

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

2. hapus kode tag

</html> dan ganti dengan tag </HTML>

3. Perhatikan tips berikut ini

Hindari Tag <center> karena HTML5 tidak mendukung kode berikut sehingga sebaiknya diganti dengan kode lain seperti <p align="center">contoh teks</ p>
atau dengan

<div style="align:center;"></div>

4. Setelah itu, silahkan hapus kode html di bawah ini:

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

Kemudian hapus kode ini:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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>

Juga kode berikut