 |
| Cara Membuat Supaya Blogger Valid HTML5 Dengan Sempurna |
Cara Membuat Supaya Blogger Valid HTML5 Dengan Sempurna - Untuk lebih detail alangkah baiknya kita kenal dulu HTML5 sebenarnya apa. HTML5 merupakan bahasa markup berfungsi sebagai penataan dan konten di World Wide Web(WWW). Bahasa HTML versi ini diselesaikan, dan diterbitkan, pada 28 Oktober 2014 melalui World Wide Web Consortium (W3C). HTML5 adalah revisi kelima dari standar HTML sejak awal World Wide Web(WWW). Versi sebelumnya, HTML4 adalah standar pada tahun 1997. Jadi HTML5 adalah revisi kelima dari sejak dikeluarkannya HTML. Bahasa ini support untuk browser modern seperti IE8+, mozilla, chrome, dll. IE7 kebawah tidak support untuk HTML.
Untuk Apa Kita validasi HTML5, dari berbagai artikel yang pernah Dejoelblog baca tentang validasi HTML5, dan untuk saya sendiri tidak terlalu mikir untuk apa kita validasi HTML5 , untuk menampilkan penataan dengan sempurna. Nah buktinya Coba lihat website seperti, google, facebook bahkan tempat belajar CSS, HTML(www.w3schools.com) pun tidak valid HTML5. Tidak hanya itu, framework HTML seperti bootstrap, pure css, materializecss pun tidak valid. Apa penyebabnya?
Untuk saat ini banyak blogger berboyong-boyong untuk validasi blognya di w3c. untuk saat ini heran untuk apa mareka berlomba-lomba validasi di w3c, tapi blog saya sendiri ( http://dejoelblog.blogspot.co.id/ ) sudah validasi di semua peranan validator, jika anda masih ragu dengan HTML5 silahkan ada ke situs di http://validator.w3.org/unicorn/ bukan hanya blog kita valid html5 tetapi juga di CSS3, international languange, dan feed. untuk membangun kepercayaan dari pengunjung sehingga tidak ada kebohongan, sebenarnya design yang bagus belum tentu tidak valid untuk html5 dan CSS3.
 |
| cara membuat blogger anda valid HTML5 |
Nah yang belum tau Cara Membuat Supaya Blogger Valid HTML5 Dengan Sempurna, di bawah ini ada beberapa langkah untuk validator blog.
1. Sebelum melanjutkan alangkah indahnya blog anda harus backup dulu supaya ada yang error, tidak tidak tertalu panik.
2. Mengerti akan mengedit template karena salah kita edit template ambur adur nanti.
3.Untuk yang terakhir silahkan kalian masuk ke edit Template
<!DOCTYPE html>
<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'>
Ganti kode dengan di bawah ini:
<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<meta charset='UTF-8'/>
4. Setelah selesai yang di atas coba cari kode:
<b:include data='blog' name='all-head-content'/>Ganti kode diatas dengan kode di bawah ini:
<meta content='blogger' name='generator'/>
<meta charset='UTF-8'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
5. Selanjutnya kita hapus default css dari blogger, kemuadian carikode:
<head>Ganti kode diatas dengan kode di bawah ini:
</head><!--<head/>-->6. Kemuadian hapus semua kode berikut:
<b:include name='quickedit'/>7. Hapus juga kode berikut:
<a expr:name='data:post.id'/>8. Yang terakhir kita hapus juga semua kode berikut:
<b:include data='post' name='postQuickEdit'/>9. Kita ganti semua kode & dengan &
10. Selesai deh Cara Membuat Supaya Blogger Valid HTML5 Dengan Sempurna
Wajib di perhatikan juga bahwa untuk valid HTML5 tidak berhubungan dengan SEO.
Wajib diperhatikan :
- Jangan lupa tiap anda posting gambar selalu gunakan kode alt di img nya.
- Hindari penggunakan <center>
- Hilangkan kode border pada tag img
Dibawah ini untuk kita cek :
http://validator.w3.org/nu/
Untuk mengecek keseluruhan seluruhnya termasuk CSS3, international languange dan Feed dapat kita cek di :
http://validator.w3.org/unicorn/
Cukup sudah Cara Membuat Supaya Blogger Valid HTML5 Dengan Sempurna jangan lupa budayakan tinggal jejak supaya great :) apabila ada kata-kata yang salah mohon di kritik dan saran dari agan-agan semua..
0 komentar