15 Tips agar Blog valid HTML5

15 Tips agar Blog valid HTML5
15 Tips agar Blog valid HTML5

Sebelum saya share ini saya telah share tentang Mengatasi Ms Office 2010 yang Rolling back dengan kategori Tips Komputer. Namun, kali ini saya akan membahas tentang 15 Tips agar Blog valid HTML5.

1. Login Ke Akun Blogger

2. Kita Langsung Ke Menu Template > Edit HTML > Centang Expand Template Widget


3. Kita Mulai dari Edit HTML


  • Cari Kode Berikut biasanya kode berikut berada di paling atas .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>

  • Kemudian Ganti dengan Kode Berikut 
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
setelah itu ubah kode </html> menjadi </HTML>
  • Cari Kode <body> lalu taruh Kode dibawah tepat diatasnya
<!-- <body><div></div> -->

  • Cari Kode yang Berawalan <script atau <style , tambahkan type='text/javascript' untuk <script
    tambahkan type='text/css' untuk <style
    Nanti akan Menjadi Seperti ini
<script type='text/javascript'>
 <style type='text/css'>

  • Cari Kode <b:include name='quickedit'/> Lalu Hapus Semua Kode Tersebut Jika anda Menggunakan Widget Follower Lebih Baik Hapus Terlebih Dahulu dari Blog ganti dengan Widget Follower Modifikasi bukan dari blogger karna Widget dari Blogger rata-rata tidak valid HTML 5 .
  • Hilangkan Tanda Berlebihan ------
    sebagai contoh 
/*--------CSS--------*/

Menjadi Seperti ini
/*CSS*/

  •  Cari <b:include data='blog' name='all-head-content'/> Lalu Hapus Semua Kodenya
  • Cari Kode <b:include name='nextprev'/> Lalu Setelah Ketemu Copy Kode dibawah <b:include name='nextprev'/> ganti dengan kode dibawah

 <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if> 

  •  Hapus smua Kode <center> ataupun </center> yang berada di Edit HTML maupun di Widget jika Anda Ingin Menrata Tengahkan Widget ataupun sesuatu Pakai Kode berikut 
<div style="text-align: center;">Isi Widget ataupun Kode Widget</div>   

  •  Hapus semua Meta Content yang Menurut anda tidak Berguna dan Mengakibatkan Eror pada Template Blog yang ingin kita Rubah Menjadi HTML 5 . Jika Anda Ingin Menggunakan Meta Tag Yang sudah Valid HTML 5 Saya Sarankan Menggunakan Meta Tag Berikut
<link expr:href=’data:blog.url’ rel=’canonical’/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta content=’Keyword blog anda’ name=’keywords’/></b:if>
<link href=’http://bloganda.blogspot.com/atom.xml’ rel=’alternate’ title=’Atom’ type=’application/atom+xml’/>
<link href=’http://bloganda.blogspot.com/feeds/posts/default’ rel=’alternate’ title=’RSS Feeds’ type=’application/atom+xml’/>
<link href=’http://www.blogger.com/openid-server.g’ rel=’openid.server’/>
<link href=’http://bloganda.blogspot.com/favicon.ico’ rel=’icon’ type=’image/x-icon’/>
<meta content=’kode verifikasi dari google webmaster’ name=’google-site-verification’/>
<meta content=’kode verifikasi alexa’ name=’alexaVerifyID’/>
<meta content=’kode verifikasi dari bing’ name=’msvalidate.01′/>
<meta content=’Nama Anda’ name=’Author’/>

4. Hapus Semua Atribut Image Anchor='1' Dan Border='0' pada Setiap Gambar yang ada diblog . dan setiap anda Ingin Membuat Posting Baru Hapus Atribut Image Anchor='1' dan Border='0' pada Gambar Postingan Terbaru anda

5. Jika Anda Ingin Menggunakan Tombol G+1 blog ataupun Widget Dari Blogger saya sarankan jangan menggunakan dari Widget Bawaan Blogger karna bisa mengakibatkan Eror yang semakin banyak . Jika Anda ingin Menggunakan G+1 saya sarankan anda kesini 
https://developers.google.com/+/plugins untuk mendapatkan script kode G+1 dan lainnya Valid HTML 5.

6. Non Aktifkan Mode Seluler pada Blog


7. Berikan lah Setiap alt dan title tag pada Gambar Postingan Blog maupun widget maupun Gambar yang lainnya yang ada didalam Blog . Contohnya Seperti ini

<a href='url tujuan'><img alt='Keterangan Gambar' src='Url Gambar' title='Judul Gambar'/></a>

8. Pada Setiap Kode Javascript ataupun Pada Template blog cari kode "OnClick" , kemudian ganti dengan "onclick"
jika kode tersebut tidak ada didalam template blog tidak masalah.

9. Hapus Navbar blog


10. Hapus Widget Atribution blog


11. Hapus Widget yang Mengakibatkan Eror dan Warning pada Blog.

Seperti :
 - Recent Comments
- Recent Artikel
- Widget Flash ataupun IFRAME
DLL

12. Hapus Atribut width='px' dan height='px' Pada setiap gambar di blog jika ada .Jika tidak diperlukan Hapus karna bisa mengakibatkan eror atau ganti 'px' dengan selera anda.


13. hapus atribut rel='publisher' karna bisa mengakibatkan Eror , atribut tersebut belum diakui sebagai Atribut Valid HTML 5.


14. Jangan Taruh Script apapun diantara </head> dan <body> karna bisa mengakibatkan eror .


15. Setiap Kode <style type='text/css'> Kode Script</sytle> Taruh diatas </head> jangan diatas </body> maupun dibawah <body> karna bisa mengakibatkan Eror .


Sekian Informasi dari saya tentang artikel  15 Tips agar Blog valid HTML, semoga bermanfaat bagi anda semua.

Source : http://davidgunawan123.blogspot.com 
Share '15 Tips agar Blog valid HTML5' On ...

thumbnail Title: 15 Tips agar Blog valid HTML5
Posted by:Anonymous
Published :2013-01-22T13:15:00+07:00
Rating: 5
Reviewer: 100000000 Reviews
Terimakasih banyak karena sobat telah membaca artikel 15 Tips agar Blog valid HTML5. Sobat bisa bookmark halaman ini dengan URL http://cyberr-kediri.blogspot.com/2013/01/15-tips-agar-blog-valid-html5.html. Jika ingin memposting ulang artikel ini harap untuk mencantumkan link sumber.

Belum ada komentar untuk "15 Tips agar Blog valid HTML5"

Post a Comment