Cara Memperbaiki Validasi XHTML Template Blogspot

Cara Memperbaiki Validasi XHTML | Pada kesempatan ini Blog Rudy Hartono akan membahas mengenai tips yang akan membantu anda untuk memperbaiki kesalahan / error yang kebanyakan terjadi pada template dan postingan blog anda. Untuk peningkatan Validasi xhtml perlu dilakukan karena akan mempengaruhi optimasi SEO.

Semakin valid html blog anda maka semakin mudah robot dalam melaksanakan tugasnya untuk menelusuri halaman blog anda. Untuk mengetahui lebih jelas error validasi xhtml pada template blog anda bisa kunjungi http://validator.w3.org/. Kalau nanti anda sudah tau ada berapa yang error, anda coba telusuri lagi kesalahan/error yang terjadi setelah postingan saya ini. Coba simak sampai tuntas artikel tentang mengatasi validasi template error di bawah ini karena saya hanya sedikit bisa membantu menurut kemampuan saya. 

memperbaiki validasi xhtml

Cara Memperbaiki Validasi XHTML Pada Template Blogspot  :

A. Memperbaiki bagian artikel / postingan :

1. Pada posting yang memakai gambar/mage, yang harus diperbaiki dalam kode gambar yaitu dengan memberi tambahan "alt" dan penutup tag atrribut /> contohnya seperti di bawah ini :

<a href='URL anda'><img alt='keterangan gambar' src='http://4.bp.blogspot.com/-IGX32-z6WxM/T0ncC9-RZxI/AAAAAAAAAKk/ofvzff0iId8/s1600/validasi-w3.jpg'/></a>

2. Cek pada bagian widget di homepage. Cek melalui check XHTML Validator dan hapus widget yang  error.

B. Memperbaiki bagian template :

- Silahkan cari kode seperti dibawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

- Setelah itu ganti dengan kode di bawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

- Menghapus navbar pada template dan menambah kode dibawah ini dan letakkan dibawah kode </head>
<!-- <body><div></div> -->

- Lalu cari lagi kode <b:include data='blog' name='all-head-content'/> (ctrl + F)

- Kalau sudah dapat, ganti dengan kode di bawah ini :

 <!-- Blogger Default Meta -->
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/14712282519366923480' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=2233714512413696391' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/2233714512413696391/posts/default' rel='service.post' title='Blog Rudy Hartono - Atom' type='application/atom xml'/>
<link href='http://teknik-blog-tutorial.blogspot.com/feeds/posts/default' rel='alternate' title='Blog Rudy Hartono - Atom' type='application/atom xml'/>
<!-- End Blogger Default Meta -->

Keterangan :
Yang berwarna merah ganti dengan ID anda dan Url anda

C. Memperbaiki bagian CSS template blog :

- hapus tanda Dash  ( ----- ) contoh :
 
 /*----------- Header ------------*/
sehingga menjadi /*  Header */

- Cari dan hapus kode <b:include name='quickedit'/>

- Menghilangkan Navigasi Newer dan Older Post dengan cara :
cari kode <b:include name='nextprev'/>

- Setelah dapat, lalu ganti dengan kode dibawah ini :

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

Sampai disini dulu yang saya tahu, kalau begitu saya akhiri saja pembahasan mengenai Cara Tepat Memperbaiki Validasi XHTML Template Blog dan selamat memperbaiki kesalahan-kesalahan atau error yang terjadi pada blog anda, wassalam.

Comments