Bandar Bloger -
Cara Validasi Blog Agar Support HTML 5. Seperti yang kita ketahui dunia maya (Internet) selalu bekembang dan berkembang. Algoritma demi algoritma selalu diperbaharui termasuk dalam dunia perbloggeran, selalu ada pembaharuan baik dari segi tampilan dashbor, supportivitas dan sebagainya. Nah, pada kesempatan kali ini saya ingin membagikan infomasi ke Sahabat Bandar Bloger semua tentang
bagaimana men-setting blog agar support HTML 5.
Sebelum kita ke inti pembahasan, alangka baiknya kita mengetahui apa itu
HTML dan
HTML 5. Pada dasarnya HTML adalah semacam standar yang digunakan dalam dunia web. HTML bersifat fleksibel, artinya HTML dapat disisipi kode-kode script seperti javascript, VBscript dan juga bahasa pemrograman berbasis web seperti PHP dan ASP. Animasi seperti Flash serta beberapa jenis file grafis dan multimedia juga dapat disisipkan dan ditampilkan melalui HTML. Fleksibilitas HTML dan daya dukungnya ini meningkatkan daya guna dan menjadikannya sebagai bahasa kode yang "dinamis". HTML (HyperText Markup Language) dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halaman WEB.
HTML 5 adalah pengembangan revisi ke 5 dari HTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda diberbagai perangkat lunak pembuat web (WIKIPEDIA). (Untuk info lebih banyak, silahkan googling lagi).
Kembali ke inti pembahasan. Sekarang saatnya untuk men-setting Step by step blog sobat agar support HTML 5, Berikut
cara dan pembahasannya :
Untuk contoh blog yang sudah support HTML 5 adalah seperti gambar berikut. Jika sobat mengecek Blog
Bandar Bloger, mungkin saat ini sobat akan menemukannya belum tervalidasi namun masih dalam proses pem-valisian.
1. Ganti kode berikut
<?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 berikut :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
2. Ubah Kode <html> dengan <HTML> besera tag penutupnya.
3.
Hapus kode-kode berikut :
<div class='post-share-buttons goog-inline-block'>
isi kode
</div>
4. Hapus lagi yang 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>
</b:includable>
5. hapus semua kode berikut
<b:include name='quickedit'/>
6. Hapus lagi kode yang ini
<b:include data='blog' name='all-head-content'/>
7. hindari penggunaan tag <center> atau ubah tag <center> dengan kode berikut
<div style="text-align:center;">
Isi atau Kode
</div>
8. Rubah kode <b:skin><![CDATA[ sehingga hasilnya seperti berikut
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
<!-- /* <b:skin><![CDATA[*/]]
<style></b:skin>
9. Cek Meta tag blog sobat di http://validator.w3.org/ jika menemukan error hapus saja. kode error pada meta tag yang sering saya temukan adalah seperti kode berikut, jika kode berikut ada dimetag blog sobat maka hapus saja karena kode berikut belum sopport HTML 5.
<link href='https://plus.google.com/116156650385680645147/post' rel='publisher'/>
<meta content='follow, all' name='googlebot-image'/>
10. cari dan ganti kode berikut <b:include name='nextprev'/>
ganti dengan kode berikut
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
11. perhatikan beberpa hal berikut
- Tambahkan tag alt di setiap tag <img>
- Hilangkan kode imageanchor pada tag img.
- Hilangkan kode border pada tag img.
12. lengkapi kode java script (<script ) dan css (<style ) seperti kode berikut:
<script type='text/javascript'>
<style type='text/css'>
Sekian pembahasan
Cara Validasi Blog Agar Support HTML 5 kali ini, jika sobat menemukan tambahan kode atau kode yang salah mohon jangan sungkan-sungkan untuk berbagi disini. Terimakasi sebelumnya atas kunjungannya.