Validasi xhtml Template Blogspot

Ditulis oleh Iskaruji dot com pada hari Rabu, 06 Juli 2011 | 22:20

Kembali lagi menulis tentang validasi xhtml template blogspot dengan W3 Validator. Memang artikel tentang validasi ini terpisah-pisah pada Blog Iskaruji dot com ini dikarenakan keterbatasan kemampuan saya meramu semua hasil pengalaman mengurangi error template blogspot di blog ini.

Mengenai manfaatnya sendiri dari berkurangnya error pada template blogspot, yang saya rasakan sendiri adalah load halaman yang ringan, begitu juga saat di coba pada Page Speed Online. Manfaat lainnya bisa juga di baca pada komentar sobat Tips Wisata Murah pada postingan tentang Halaman Blogspot Tidak Valid. Selain itu silahkan rasakan sendiri saat kamu mengunjungi blog ini dan membolak-balik halamannya. Jika memang terasa ada hal baik, silahkan di coba langkah-langkah validasi xhtml template blogspot berikut:

Silahkan kunjungi W3 Validator. Masukkan url blog kamu, centang semua pada option agar bisa melihat letak kesalahannya dan validate. Lihat berapa error-nya dan jangan tutup W3 Validator hingga semua langkah Validasi xhtml Template Blogspot ini selesai.

Expand Widget Templates. Ganti Document Type template blog kamu dengan:

<?xml version="1.0" encoding="UTF-8" ?>
<!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>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://namablog.blogspot.com/atom.xml' rel='alternate' title='Isi dengan judul blog kamu - Atom' type='application/atom+xml'/>
<link href='http://namablog.blogspot.com/rss.xml' rel='alternate' title='Isi dengan judul blog kamu - RSS' type='application/rss+xml'/>
<b:skin><![CDATA[

Pada sebagian template sering kita lihat deklarasi seperti ini misalnya:

/* Header
------------------------------ */

Hal yang harus dilakukan adalah menghapus semua bentuk deklarasi template blogspot yang menggunakan garis panjang tersebut. Sehingga format deklarasi yang benar adalah:

/* Header */

Letakkan kode berikut diatas <body>

Ini untuk men-delete Widget NavBar bawaan blogspot yang biasanya cuma kita sembunyikan.

Hapus semua kode:

<b:include name='quickedit'/>

Kode ini akan selalu ada setiap kali kita melakukan aksi Add Gadget. Jadi pastikan kamu menghapusnya lagi setiap melakukan penambahan gadget.

Cari kode berikut:

dan ganti dengan kode:

Sampai tahap ini, selesai sudah usaha kita mengurangi error pada template blogspot. Disarankan untuk Save Template setiap satu langkah selesai dipraktekkan dan dilanjutkan dengan revalidate di W3 Validator agar kita tahu kalo errornya berkurang.

Perlu diperhatikan bahwa langkah-langkah diatas hanya mampu menekan hingga 1 atau 2 error dan 2 warning. Jika ditemukan masih banyak error pada template kamu, itu disebabkan oleh kode widget atau halaman post kamu yang belum diperbaiki sesuai ketentuan W3 Validator. Lihat cara penulisan kode gambar dan video yang valid di halaman posting.

Demikianlah, halaman komentar sangat terbuka untuk kita berdiskusi bersama. Mohon kepada sobat yang bisa hingga Pass Check, sudilah untuk berbagi disini.

Happy blogging!

51 comments

YADI KARNADI, S.Pd. mengatakan...: Horee.... dapat sarapan W3C....
Mksh, mas. Yang ini lebih mudah dipahami buat saya yg ****** ini.... Hhehe; 7 Juli 2011 05:41
YADI KARNADI, S.Pd. mengatakan...: Mantap boss.... Template saya dari 483 Errors, 569 warning(s)
Sekarang 'cuma' 113 Errors, 78 warning(s)
Terima kasih Terima kasih Terima kasih; 7 Juli 2011 06:58
Iskaruji dot com mengatakan...: @liputanmadura
waduh Sob..Please Say No to Newbie and Master | Mari Kita Belajar Bersama dan Berbagi ...thanks Sob!

@Pak Yadi
Kalo dah pernah mengaktifkan template mobile, rubah aja jadi no biar berkurang lg errornya...thanks

@bagollum
hehe...kira2 begitulah Sob..tips hasil comot sana sini...thanks

@Kang Salman
Wah itu kurang tau Sob. Seandainya saya lebih dulu tahu gimana cara ngompres template biar enteng, mungkin tips itu kan jd tren blog ini. Dan skrg saya jd kebayang, gimana kalo error berkurang dan templatenya dikompress..pasti sipp banget. PR buat kang salman mohon linknya cara ngompress template. ini request ngarep banget...hehe. Saya yakin permintaan ini disetujui oleh komentator lain di post ini..ditunggu kang...thanks; 7 Juli 2011 08:15
Iskaruji dot com mengatakan...: @Kang Salman
Tahnks Sob..sedang diuji coba...linknya lengkap banget termasuk kompress image..happy blogging; 7 Juli 2011 13:05
YADI KARNADI, S.Pd. mengatakan...: Kalo garis panjang berupa ===== (tanda sama dengan) dihapus juga gak, mas? Thx; 7 Juli 2011 15:08
Iskaruji dot com mengatakan...: @YADI KARNADI, S.Pd.
Coba di cek di W3 dengan mencentang semua option. kalo itu juga penyumbang error...hapus saja. Lihat perbedaan hasil validate sebekum dan sesudahnya...thanks Pak!; 7 Juli 2011 15:14
Iskaruji dot com mengatakan...: @Kang Salman
Awalnya juga gue males validasi gara2 liat blog valid tampilannya gak gue banget....hehe. Untung saya Iskaruji dot com bisa diatasi. Emang dilematis kang. Liat aja sumber errornya terkadang bukan di template lagi tapi pada widget ataupun pernak pernik lainnya di blog..cara coding gambar dan video aja beda dari biasanya...thanks; 13 Juli 2011 15:38
Er'end mengatakan...: 347 Errors, 321 warning(s,jauh dengan blog Buku Tamu cuma 45 Errors, 4 warning(s) .Ini gimana Gan,ganti template lagi azah? Haduh pantesan lodingnya berat banget.; 13 Juli 2011 23:02
Iskaruji dot com mengatakan...: @Er'end
Jangan diganti templatenya...sayang khan dah jadi ciri khas. Di benerin aja pelan-pelan sambil praktekkin artike validasinya. Thanks..; 13 Juli 2011 23:56
Kang Salman mengatakan...: :) Oh begitu ya; 16 Juli 2011 08:22
Er'end mengatakan...: Alhamdulilah sekarang sudah turun Mas,130 Errors, 11 warning.Sediakan tempat tidur saja biar sering nginap disini,hehehe! Makasih infonya.; 16 Juli 2011 20:42
Iskaruji dot com mengatakan...: @Er'end
Bersarang juga boleh Sob...haha. Thanks; 16 Juli 2011 21:05
Marinda Jaya mengatakan...: wah..terimakasih banyak sob.berkat info dari sobat kode error akhirnya bisa berkurang,mantap...; 17 Juli 2011 18:11
Er'end mengatakan...: Mas,sungguh saya belum mengerti dengan tanda ">" ini dan "&",gimana cara memperbaikinya agar tidak error.Terus "link Sahabat" ketika di pasang di widget kenapa jadi penyumbang terbanyak error.Tolong pencerahanya lagi.Makasih sebelumnya.; 23 Juli 2011 12:36
Iskaruji dot com mengatakan...: @Er'end
Terkadang error bukan disebabkan oleh kedua tanda tersebut. Jika hanya tanda mungkin bisa disikapi dengan parse html tapi sepertinya bukan. Ada yang sal;ah dengan penulisan ti[pe dokumen. Coba klik kanan pada blog ini. http://deconstructioncode.blogspot.com/ dan lihat bagaimana bentuk format penulisan dengan HTML 5..thanks; 23 Juli 2011 12:49
Priyanto Mariette mengatakan...: makasih sobbb..... errornya dah berkurang nihh....; 4 Agustus 2011 03:50
Iskaruji dot com mengatakan...: @Priyanto Mariette
sama-sama Sob...happy blogging aja; 4 Agustus 2011 04:09
Endy mengatakan...: memang untuk blogspot validnya susah mas..biar gmnapun psti untuk bagian hlaman postx, bakaln tidak valid....
btw post yg menarik...; 4 Agustus 2011 12:31
Iskaruji dot com mengatakan...: @Endy
Masih bisa kok Sob..jika mau berkorbn dikit ngurangin widget...Liat di BILIK™ | Iskaruji dot com Thanks and happy blogging; 4 Agustus 2011 12:49
Iskaruji dot com mengatakan...: @Artikel dan Hiburan
Masalah validasi ini memang susah2 gampang. Sebagian teman yg dah berhasil memang terasa lebih mudah jika sudah tahu rahasianya. untuk template sobat sendiri saya sudah lihat. Jika memang sudah mengikuti urutan pada post ini dan masih banyak errornya, maka itu bukan template-nya lagi yang salah. Mungkin sebab lain, seperti jquery, gambar dan pengkodean 3rd party lainnnya yang kita tambahkan ke blog. Untuk latihan, silahkan gunakan template minima sebagai awal untuk mengetahui seluk beluknya...thanks; 28 Agustus 2011 09:25
alkatro mengatakan...: maknyus, dulu pertama liat template blogger yg 0 W3c error punyanya bang hendro, gfc yg susah benerin bisa divalidkan

yg heran, template bikinan asli bawaan blogger juga banyak yang error w3c ya :D
aku bingung yg ini mas
imer:c,load:e};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.c…..

padahal di expand xmlku gak ada kode itu, opo itu ya mas, ane cuman ngecek spid blog, gak begitu mikirin w3c xixixi; 26 September 2011 14:29
Iskaruji dot com mengatakan...: @mencari teman
lanjutkan Sob...thanks and happy blogging!

@Alkatro
itu kode navbar blogger sob..biasanya kita khan cuma di display: none atau hidden. Tp khan tetap kebaca ma W3C. Cara ngakalinnya ya pake seperti diatas. Untuk pass check 100% sekarang dah banyak Sob...untuk iskaruji dot com sendiri ada BILIK ™ sebagai pengobat penasaran blogspot gak valid. Dan yang baru ada OprexMedia yang selain valid juga dah pake HTML 5 dan satu2 template responsive blogspot yg di share..thanks Sob; 26 September 2011 14:43
Mbah Qopet mengatakan...: 187 Errors, 90 warning(s)

punya saya segini mas :(

komeng balik ya; 2 Oktober 2011 06:58
Iskaruji dot com mengatakan...: @Mbah Qopet
Jika mau dikurangin silahkan baca2 Sob...thanks; 2 Oktober 2011 08:20
Cek Info mengatakan...: nice info, dan knp kok gk valid2 y?; 7 November 2011 05:36
Laras Mays mengatakan...: Tiap ganti template,pasti ane nginap disini.Makasih banyak Mas,happy weekend and happy blogging.; 27 November 2011 07:12
Darmanto mengatakan...: saya baru sadar ternyata blog saya banyak banget errornya pak,trimaksih infonya semoga saya bisa memperbaiki bertahap..; 29 November 2011 06:45
Asis Sugianto mengatakan...: mas iskaruji ini bisa gak di coba di blog saya???; 27 Desember 2011 07:46
Iskaruji dot com mengatakan...: @Asis Sugianto
Bisa Sob...tapi di backup dulu...nanti rusak semua lagi...hehe. Thanks; 27 Desember 2011 08:00
Asis Sugianto mengatakan...: Mas yang ini saya gak ngerti Expand Widget Templates. Ganti Document Type template blog kamu dengan:
kode yang mau diganti yg mana sob???; 27 Desember 2011 10:11
Asis Sugianto mengatakan...: mas tercatat 225 Errors, 195 Warning mas..

bantuin sy mas...; 27 Desember 2011 10:16
Asis Sugianto mengatakan...: Setelah saya mencoba tips di atas mas, sekarang tinggal 215 errors, 177 Warning(s)

masih ada lagi gak nih tipsnya mas....; 27 Desember 2011 10:22
Iskaruji dot com mengatakan...: @Asis Sugianto
emang perlu step by step Sob...saya juga dulu hampir sebulan baru bisa kurang errornya hingga seperti sekarang ini..tips-nya dah abis..browse aja disini...Thanks; 27 Desember 2011 12:37
A aguy mengatakan...: Mantaaabbb ...; 30 Desember 2011 23:13
Asis Sugianto mengatakan...: alhamdulillah berkat bantuan mas, error di blog saya tinggal 142

terima kasih banyak mas...; 1 Januari 2012 13:02
Iskaruji dot com mengatakan...: @Asis Sugianto
Yupz...lanjutkan Sob..moga semakin sedikit errornya...thanks; 1 Januari 2012 13:23
catatan warung kopi mengatakan...: manteb ilmunya gan... saya coba pratekin dulu ya .. maturnuwun :); 20 Januari 2012 01:46
Muhammad Endi mengatakan...: Sangat bermanfaat sob, Error template saya 207 sekarang menjadi 51..; 23 Januari 2012 22:30
Koluner Blog mengatakan...: Masta, tolongin ane, gimana cara meminimalisir code seperti berikut :

mohon maaf, saya coba open source blog masta tidak keluar kode yg demikian,, tapi ane keluar,,; 27 Januari 2012 20:41
Iskaruji dot com mengatakan...: @Koluner Blog
Maaf, kodenya tidak terlihat...tolong diparse dulu di halaman depan "PARSE KODE HTML" sebelum dimasukkan ke form komentar...thanks.; 27 Januari 2012 20:44
Blog Keperawatan mengatakan...: Belajar banyak di sini sahabat; 16 Februari 2012 22:54
hengki mengatakan...: thanks mas.... semula XHTML template blog saya e119 Errors, 126 warning(s) hingga menjadi 93 Errors, 74 warning(s) , salut buat mas iskaruji ......!!!; 24 Februari 2012 11:38
Andik win mengatakan...: wah kang iskaruji memang hebat oe...blog ane dari error 290 sekarang tinggal 56 ....GOOD JOOB kang!; 15 Maret 2012 14:04
koming mengatakan...: berkat ilmu dan sharingna kang iskaruji, akhirna "blogexperim3nt.blogspot.com" bisa passed seperti bilik.iskaruji.com. thanks banget atas ilmuna....; 29 Maret 2012 20:55
Michaell Andre Steven mengatakan...: wah sudah saya coba gan triknya
makasih banyak ya gan
ini sangat membantu saya dalam mengoptimalkan blog saya gan
soalnya blog sya masih sepi pengunjung
sekali lagi terima kasih banyak gan; 1 April 2012 16:52
Arief Ahsan mengatakan...: yang pertama udah sob...
yang header itu aq gak ganti karena udah benar punyaku..
yang body juga udah..
quickedit udah kuhapus semua..
yan gterakhir ini ang gak bisa sob, soalnya ada div yang tidak tertutup.. div disana agak sedikit ganjil..gmana tuh sob?; 9 April 2012 05:33
Arief Ahsan mengatakan...: oh iya yang body jug agak bisa... malah ada konfirmasi kesalahan dari blogger.a.. dan aq minta laporin..; 9 April 2012 05:34
Iskaruji dot com mengatakan...: @Arief Ahsan
Sepertinya ada sedikit kekurang telitian saat mengganti kode2 tersebut sob. Coba nanti di ulangi lagi dgn lebih teliti. Kemudian juga jika error tidak perlu laporin...itu hanya karena kesalahan saat penggantian kode tersebut...nanti di coba lagi..Kalo mau lihat blog yg 100% valid di bilik.iskaruji.com ...semangat and happy blogging!; 9 April 2012 07:09
Lizanovia M. Hadi mengatakan...: Percobaan pertama. Template tidak terformat dengan baik. Hmm.. apa yang salah ya?; 18 Mei 2012 00:43
admin mengatakan...: http://blogonline2012.blogspot.com/2012/05/menyambut-ajang-piala-eropa-2012.html; 22 Mei 2012 05:31
admin mengatakan...: blog saya errornya banyak silahkan d cek; 22 Mei 2012 05:32