Cara membuat Template Blog Valid XHTML

Cara membuat Template Blog Valid XHTML, Cara mudah membuat Template Blog Lebih Valid XHTML - Saat ini saya akan memberikan sedikit Tips dan Trik Bagaimana mengurangi Error Validasi XHTML di Template Blog kita. Hal ini sangat penting dilakukan Karena Template Blog sangat berpengaruh besar dengan SEO blog kita. Mudah-mudahan dengan trik yang saya berikan ini Blog kita lebih bersahabat dengan Search Engine.

Cara mudah membuat Template Blog Lebih Valid XHTML

Tapi sebelum memulai hal ini, kamu sudah tahukan Situs untuk melihat Validasi XHTML Blog/Website!? Kalau belum tahu udah deh masuk aja di sini [ Validator W3C ]. Kemarin Blog ini memiliki Error sekitar 83 dan warning sekitar 88, saya tidak tahu apakah ini akan bertambah atau berkurang nantinya, kwkwkw :D. Langsung aja deh sahabat Blogger, berikut ini adalah Cara mudah membuat Template Blog kita lebih Valid XHTML chekidot di bawah.
  • Login ke Blogger.
  • Masuk pada Edit HTML, jangan lupa Centang "Expand template...".
  • Cari Kode di bawah ini.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Lalu 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">
  • Cari lagi Kode di bawah ini.
<b:skin><![CDATA[/*
--------------------------
Blogger Template Style Olala
Name : NN
Updated by: Blogger Team
------------------------- */
  • Pada kode di atas, Hapus tanda (--). Dan kalau kamu temukan ada tanda seperti itu pada template kamu hapus saja. Sehingga hasilnya seperti di bawah ini.
<b:skin><![CDATA[/*
Blogger Template Style Olala
Name : NN
Updated by: Blogger Team
*/
  • Setelah itu, kamu cari lagi kode di bawah ini.
<b:include name='quickedit'/>
  • Hapus semua Kode di atas pada Template kamu. Kode di atas bertujuan hanya utk menampilkan Icon Tang dan Obeng. Kalau kamu menambahkan Widget baru maka kode tersebut akan muncul kambali, dan jangan lupa untuk menghapusnya lagi.
  • Cari lagi kode di bawah ini.
<b:include data='blog' name='all-head-content'/>
  • Hapus lagi kode di atas, namun resiko nya adalah Photo Profil pada Komentar Blog tidak akan muncul. Tapi demi Validasi hapus saja deh, :D dan Ganti dengan Kode di bawah ini lalu buat keterangan sesuai dengan Blog mu pada kata yg bertulis miring!
<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/Id Profile Blog Kamu' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=Id Profile Blog Kamu' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/Id Profile Blog Kamu/posts/default' rel='service.post' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>
<link href='http://NamaBlog.blogspot.com/feeds/posts/default' rel='alternate' title='Nama Blog Kamu - Atom' type='application/atom+xml'/>
  • Berikutnya adalah kamu cari kode </head> dan letakkan Kode di bawah ini tepat di bawah Kode tadi.
<!-- <body><div></div> -->
  • Selanjutnya akan beralih ke Meta tag. Saya sarankan pada Meta Tag kamu menulis dengan Huruf Kecil. Contoh : <Meta Content="INDEX, FOLLOW" name="Robots"> menjadi <meta content="index, follow" name="robots">
  • Setelah itu kamu Tambahkan Jenis type="text/javascript" pada semua Kode JavaScript yang ada pada template atau Widget Blog. Contoh : <script type="text/javascript" src="http://b-l-o-g.googlecode.com/files/Script-Label.js"></script>
  • Cara Selanjutnya adalah menyembunyikan Page Navigation di Halaman Utama Blog. Cari kode ini : <b:include name='nextprev'/> Lalu kamu Ganti dengan Kode di bawah ini.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:include name='nextprev'/>
</b:if>
  • Trik terakhir ini adalah membuat atribut Alt dan Title untuk Semua gambar yang ada di Template, Widget dan Semua Artikel. Contoh penggunaannya lihat di bawah ini, atau masuk di [ Cara agar Gambar Terindex Search Engine ].
<a href="http://blogadexme.blogspot.com" title="Blogadexme | Tips Komputer | Download Lagu | Info terbaru"><img src="http://2.bp.blogspot.com/-T65Z5Pi_oNc/T8JqQkSbwBI/AAAAAAAABB0/dGTDDG7g_cY/s1600/b11.jpg" alt="Blogadexme | Tips Komputer | Download Lagu | Info terbaru"/></a>

Dari Cara di atas sebenarnya masih ada lagi yang belum bisa saya berikan karena kode yang di cari tidak ketemu pada kebanyakan Template. Dan mungkin ini juga tidak menjamin kalau Blog kamu sudah Valid 100% di W3C karena masih ada Widget-widget yang belum di Validasi kan. Untuk Validasi Widget ditunggu aja artikel Selanjutnya. Sekian artikel Cara membuat Template Blog Valid XHTML, Thanks!



Cara membuat Template Blog Valid XHTML