SEBAGIAN besar para blogger ingin agar blog mereka tampil dengan template yang bagus. Namun terkadang hal tersebut menjadi boomerang karena terkadang template yang bagus tidak selamanya didukung oleh format HTML dan CSS yang valid. Dan tentu saja bagi para blogmonetizer hal ini berpengaruh pada performa dan SEO blog itu sendiri. Selain template yang tidak valid, widget pun dapat mempengaruhi “kesehatan” blog. Dari hasil surfing ke sejumlah lapak para master, salah satu contoh widget yang tidak valid versi W3C HTML Validator adalah widget followers: Google Friend Connect dari Blogspot, dan itu juga menjadi alasan saya untuk tidak memasang widget tersebut di bloggeriesta.Kali ini, saya akan sharing artikel dari blog tetangga tentang cara validasi pada template Blogger, sebab cara ini juga telah saya praktekkan di bloggeriesta, meskipun mungkin sudah banyak yang telah membahas ini sebelumnya, tetapi setidaknya jika ada yang keliru pada artikel ini, bagi para master yang kebetulan mampir, semoga dapat berbagi ilmu di sini.
Sebelum mempraktekkan cara ini, sebaiknya blog sobat divalidasi dulu di W3C HTML Validator, kalo perlu catat sekian jumlah error dan warning-nya, sebab itulah nanti yang akan menjadi perbandingan setelah sobat mempraktekkan langkah-langkah berikut ini.
Okelah, tanpa berlama-lama lagi, kita langsung ke TeKaPe!
1. Terlebih dahulu Save template sobat, untuk backup sebagai antisipasi jika terjadi hal-hal yang tidak diinginkan.
2. Hilangkan widget Followers, bye bye GFC
3. Pilih Edit HTML, lalu cari kode seperti dibawah ini:
<?xml version="1.0" encoding="UTF-8" ?>Hapus kode diatas, lalu ganti dengan kode di bawah ini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
?xml version="1.0" encoding="UTF-8" ?>Sementara sampai disini dulu, Save template sobat, lalu periksa kembali di W3C HTML Validator, apakah ada perubahan jumlah error atau tidak.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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>
4. Menghilangkan dash ( - ) pada HTML blog sobat, sebab ini akan menyebabkan jumlah error pada halaman akan bertambah. Hapuslah semua tanda dash ini, pada blog obat.
Contoh
Sebelum:
<!------------------- Blogger Default Meta ---------------------->Sesudah:
<!-- Blogger Default Meta -->5. Masih di menu Edit HTML, centang Expand Widget Templates. Lalu tempatkan kode <!-- <body><div></div> --> tepat dibawah </head> untuk menghilangkan Navbar. Setelah melakukan langkah ini akan muncul kotak peringatan yang berbunyi apakah anda akan menghapus atau memperahankannya, maka pilih saja Hapus Widget.
6. Menghilangkan Quickedit, caranya: hapus semua kode seperti ini <b:include name='quickedit'/>
7. Menghapus Post Icon/Gambar Obeng dengan cara:
Cari kode seperti di bawah ini:
<span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> <div class='post-share-buttons'> <b:include data='post' name='shareButtons'/> </div> </div>Kemudian hapus, lalu ganti dengan kode beriku ini:
<span class='post-icons'>Cara ini adalah untuk menghilangkan gambar Pencil pada template Blogspot.
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
8. Save template sobat, lalu bandingkan jumlah error dan warning yang telah divalidasi sebelumnya, apakah ada perubahan atau tidak. Finish!
Dengan melakukan beberapa cara diatas memang tidak langsung menjadikan template kita valid dengan sempurna, tetapi setidaknya meminimalisir pesan kesalahan pada blog kita. Oke segitu aja dulu, sharing saya tentang validasi XHTML, jika ada yang mau menambahkan atau ada yang salah, silakan mengomel di kolom komentar. Semoga bermanfaat, Salam Bloggeriesta!
8 komentar:
Pertamax nich hehee..
Wah.. baru tau saya om.. dicek dulu deh
Wah ane juga baru tahu nih sob, dicoba dulu sob,,
Hati-hati jangan menghapus navbar blogger, kabarnya tim blogger sedang gencar mencari blog yang menghilangkan navbar, bila ditemukan blog yg menghilangkan navbar ehmmm mudah-mudahan blog-blog itu tidak dihapus oleh Google. Semoga!
blog ane banyak erornya juga sob, ane cuekin saja, puyeng edit dari awal he he
makasih tipsnya :)
wah, bisa dicoba ini buat saya yang pemula.
makasih info.nya
salam kenal.
visit me yaa. :)
semoga bisa mengurangi error
template saya tdk brsahabat spertinya . ,
yakin "?xml versi bla bla bla" yg sebagai pengganti tdk mnggunakan "<" sebagai awal?
Poskan Komentar