Penting!! Sobat Blogger yang ingin re-post atau menulis kembali artikel kami diblog/website Anda, harap lihat halaman DISCLAIMER ( beberapa blog telah diproses di Google Removal Content ) Setiap tindakan pelanggaran hak cipta (COPAS) akan dilaporkan, TANPA pemberitahuan.

error validasi HTML


Kesalahan atau eror markup saat kita cek validasi HTML di W3C Validator adalah hal biasa bagi pengembang, profesional maupun pemula yang menyenangi valid HTML. Error pada markup HTML terjadi karena banyak faktor dan cara mengatasinya (solusi) juga beragam, akan tetapi validasi HTML, XHTML, and CSS saya rasa perlu dilakukan karena beberapa alasan berikut
  • Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
  • Render browser lebih baik dan lebih cepat
  • DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
  • Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
  • Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
  • Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.

Satu hal yang perlu kita ketahui juga, ketika memutuskan beralih dari HTML4/XHTML ke HTML5 adalah bagaimana cara validasi HTML 5 bekerja, karena markup validasi HTML5 berbeda dengan web markup versi sebelumnya. Solusi atau memperbaiki Eror Validasi Markup HTML5 juga berbeda, ini mengingat pengenalan beberapa elemen atau fitur baru serta meninggalkan beberapa elemen lama (obsolete atau deprecated HTML tags) pada HTML 5. Dan biasanya pada HTML 5 lebih sedikit eror atau kesalahan markup dibandingkan XHTML yang memang terkenal ketat rule markup-nya.

Oleh karena itu, Problogiz akan membagi tip dan trik Cara Mengatasi Eror-Eror Validasi Markup HTML pada W3C Validator yang paling sering dijumpai. Kumpulan kesalahan atau error validasi markup HTML dibawah ini saya gabungkan baik markup HTML 4, XHTML maupun terbaru HTML 5.

Kumpulan Eror Validasi Markup HTML dan Solusinya

1. & did not start a character reference. (& probably should have been escaped as &. )

Kasus eror ini cukup sering dijumpai, ampersand (&) adalah karakter khusus yang mendefinisikan awal dari sebuah kode karakter dan hampir semua kasus kode harus dibebaskan (escaped) dengan kode &

Contoh kesalahan/eror mungkin terjadi di URL, seperti:
.....http.problogiz.blogspot.com/test.php?name=Riza&code=markup

Solusi penggunaan eror seperti diatas, ampersand (&) harus escaped, menjadi seperti ini:
http.problogiz.blogspot.com/test.php?name=Riza&code=markup

* Jika masih error parse (escaped) lagi kode sampai valid, menjadi seperti ini misalnya:" &"

2. character "&" is the first character of a delimiter but occurred as data

Eror yang sama solusinya dengan diatas :
…(BLOG_attachCsiOnload) != 'undefined'&& BLOG_attachCsiOnload != null) { windo…

Solusi ganti & :
…(BLOG_attachCsiOnload) != 'undefined'&& BLOG_attachCsiOnload != null) {

Contoh kasus lain sering pada kode Javascript :
…tionStart,l=g.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_",

Solusi ganti < > dengan &lt;

3. Required attribute "alt" not specified

Ini disebabkan attribute "alt" tidak ada pada sebuah image, image memerlukan attrbt "alt" untuk membantu orang mendapatkan penjelasan tentang gambar yang diwakili. Solusinya Anda harus memberi tag alt=" " pada tag img di halaman Anda.

<img src="url image" alt="penjelasan gambar" />

4. Required attribute "type" not specified

Pesan eror ini kadang muncul pada kode script atau tag link, di HTML 4 atau XHTML
Solusinya simple tambahkan saja tag <script type="text/javascript"> pada kode script :

<script type="text/javascript">.......</script>

Begitu juga pada link stylesheet tag :

<link rel="stylesheet" type="text/css" href="/css/global.css" />

5. Reference not terminated by REFC delimiter

Contoh error yang mungkin pada kode entity :
&c. rubah menjadi &amp;c.
&aelig menjadi &aelig;

Selalu akhiri dengan semi colon (;) pada entity property.

Entity dimaksudkan untuk menuliskan karakter sebagai bagian dari dokumen kode (simbol) bukan sebagai konten.
Contoh :
untuk menampilkan tag "<" (karakter tag pembuka) sebagai simbol maka tulisan seperti ini:
<p>HTML tag dimulai dengan karakter &lt; .</p>
bukan seperti ini:
<p>HTML tag dimulai dengan karakter < .</p>

6. End tag for "img" omitted, but OMITTAG NO was specified

Ini biasanya terjadi karena tidak menutup sebuah tag dengan benar "/>", contoh:

<img src="url image" alt="penjelasan gambar" />

Solusi ini juga berlaku dengan eror-eror berikut:
   End tag for "link" omitted, but OMITTAG NO was specified
Cara yang benar untuk menulis self-closing tag, seperti link, img dan meta, seperti ini:

<link rel="stylesheet" type="text/css" href="/css/global.css" />

   End tag for "a" omitted, but OMITTAG NO was specified
Anda juga diharuskan menutup tag link "a" seperti berikut:

<a href="http://problogiz.blogspot.com">Problogiz</a>

   End tag for "br" omitted, but OMITTAG NO was specified
Kesalahan penulisan line break, seperti :
<br> seharusnya <br/>

7. Document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag.

Error ini terjadi biasanya pada versi XHTML Strict , elemen form hanya dapat berisi block-level elemen sebagai direct children (sedangkan elemen input adalah elemen inline). Sebuah contoh yang mungkin menyebabkan kesalahan ini sebagai berikut:

<form action="/">
<input type="submit" name="Nama Anda" />
</form>

Seharusnya ditulis seperti ini :
<form action="/">
<fieldset>
<input type="submit" name="Nama Anda" />
</fieldset>
</form>

8. Reference to entity "postid" for which no system identifier could be generated atau Reference to entity "id" for which no system identifier could be generated

Kasus ini umumnya juga disebabkan karena karakter ampersand yang harus dirubah menjadi &amp; (escaped)
Contoh kasus :
<a href="/contact-us.php?name=Riza&postid=7767">Hubungi kami</a>

Seharusnya seperti ini:
<a href="/contact-us.php?name=Riza&amp;postid=7767">Hubungi kami</a>

9. An attribute value specification must be an attribute value literal unless shorttag yes is specified

Ini disebabkan karena attribut value tidak dikurung dengan quotes " ".
Contoh :
<p class=tema> seharusnya seperti ini : <p class="tema">
<img height=50px..…> seharusnya seperti ini : <img height= "50px"..…>

10. Element "div" undefined, Element "td" undefined, Element "br" undefined, Element "iframe" undefined, Element "img" undefined atau Element "embed" undefined

Jika Anda menemui pesan eror-eror validasi seperti diatas, solusinya sama yaitu:
Eror diatas berarti dokumen tidak mengenali eksistensi elemen-elemen diatas, kemungkinan besar disebabkan oleh incorrect atau missing Doctype pada dokumen. Anda harus memastikan DOCTYPE Anda benar. Daftar deklarasi DOCTYPE valid dapat Anda lihat disini : http://www.w3.org/QA/2002/04/valid-dtd-list.html

11. Element "g:plusone" undefined

Eror ini terjadi pada dokumen HTML 5, sintaks yang digunakan pada "g:plusone" sudah tidak valid, jadi Anda dapat menggantinya dengan :

<div class="g-plusone"></div>

12. The frameborder attribute on the iframe element is obsolete. Use css instead

Pada dokumen HTML 5, attribut frameborder telah ditinggalkan dari elemen iframe sebagai gantinya Anda harus menggunakan CSS.

<iframe width="50" height="25" frameBorder="0" ........"></iframe>

Ganti attribut frameborder dengan kode css berikut:
<iframe width="50" height="25" style="border:none;" ........"></iframe>​

13. The scrolling attribute on the iframe element is obsolete. Use CSS instead

Scrolling attribute juga termasuk yang sintaks usang di HTML 5, jadi dengan CSS, seperti diatas:
Contoh:

<iframe src="http://www.map-generator.net/extmap.php?.... width="614" height="244" scrolling="no"></iframe>

Ganti menjadi :
<iframe src="http://www.map-generator.net/extmap.php?.... width="614" height="244" style="overflow:hidden;"></iframe>

14. The align attribute on the td element is obsolete. Use css instead atau The width attribute on the td element is obsolete. Use css instead

Element style"align", "width" pada elemen td adalah usang (obsolete) atau nonstandard HTML tag, jadi pada tes validasi W3C Markup akan menjadi sumber eror/kesalahan markup, untuk mengatasinya Anda dapat menggunakan CSS inline atau CSS terpisah.

Contoh:
<table> <tr> <td align="center">OLA LA</td> </tr> </table>

Atasi dengan CSS terpisah berikut:
.tabletd { text-align:center; }

Penulisan HTML-nya seperti ini:
<table> <tr> <td class="tabletd">OLA LA</td> </tr> </table>

Atau bisa juga dengan inline css (not recomended) :
<table> <tr> <td style="text-align: center;">OLA LA</td> </tr> </table>

15. Reference to entity "widgettype" for which no system identifier could be generated

Kasus eror ini juga disebabkan ampersand yang perlu diparsing seperti contoh eror sebelumnya, contoh eror seperti berikut :

<a href=.................&widgettype=contact">Solution</a>
Ganti & menjadi &amp;

16. & did not start a character reference. (& probably should have been escaped as (letaknya di widget)

Eror ini sering ditemui pada widget, dimana elemen class untuk 'quickedit' bawaan blogger penyebabnya (terjadi pada HTML 5). Secara lengkap contoh kode eror pada widget blogger kurang lebih seperti berikut:

...ID=3863707973515408490&widgetType=HTML&widgetId=HTML1&action=editWidget&sectio…

Source code:
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=3863707973515408490&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar-atas1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>

Kode tersebut tidak ditemukan pada dokumen original template, sehingga ampersand (&) tidak dapat di-escaped/parsing. Untuk mengatasinya dengan cara menghapus tag <b:include name='quickedit'/> dari elemen widget tersebut. Ini tergantung pada berapa banyak widget yang ada, Anda dapat menghapusnya semua tag <b:include name='quickedit'/> di dokumen template Anda. Juga ketika Anda menambah widget baru maka harus kembali menghapus tag <b:include name='quickedit'/> di widget baru itu.

* khusus widget Google Follower tag <b:include name='quickedit'/> tidak dapat dihapus, saya juga belum menemukan solusinya ( bagi Pembaca yang dapat membantu atau punya ide, saya sangat menghargai jika Anda berkenan berbagi pada kami).

Untuk sementara informasi eror validasi dan solusinya sampai disini, namun akan ada update-update baru serta tip mengatasinya yang baru jika saya menemukan hal-hal baru berkaitan dengan validasi HTML. Bagi kawan Blogger yang mempunyai pengalaman mengatasi kesalahan validasi HTML silahkan berbagi di form komentar, tentu saya sangat menghargai dan juga sebagai acuan update artikel ini.

Sebagian contoh kesalahan dan solusi diatas ini saya kutip dari situs -situs forum HTML seperti stackoverflow.com, markupvalidator.com. Sebagian lagi diperoleh dari pengalaman saya pribadi sejak merubah (convert) blog ini ke HTML 5, saat itu saya telah menemukan sekurangnya ada 55 errors dan 7 warnings.
Ok Kawan, semoga tip Cara Mengatasi Eror Validasi HTML ini dapat membantu permasalahan Anda dan dijadikan pedoman solusi bagi Anda.

Update 28 Jan 2013:

17. The font element is obsolete. Use CSS instead.

Tag Font telah ditinggalkan (deprecated) untuk HTML 5 validasi, contoh:

<font size='..'>..........</font>

Solusi:
Gunakan css misalnya:
.kata {font-size:16px; color:balck;}

dan terapkan dengan "span class" :
<span class="kata">...teks Anda...</span>

Anda juga dapat melihat kasus-kasus yang lain error validasi dan solusinya di form komentar dibawah, mungkin bisa membantu.

Update 29 Jan 2013:

18. & did not start a character reference. (& probably should have been escaped as &amp;.)

.…n.css?targetBlogID=2557765903998214405&zx=ae9d02a0-8d17-4917-9ce4-3437c250f8f4…

Ini error yang mungkin sering akan ditemukan pengguna blogspot.com jika Cek Validasi HTML 5, eror ini saya temuka baru saja, sehingga membuat halaman Home Problogiz yang semula Sukses Validasi (0 error) sekarang menyisakan 1 error yang belum terpecahkan solusinya. Ada yang punya solusi, kawan bloggger?

Sebenarnya untuk memperbaiki error diatas cukup sederhana, hanya masalah ampersand (&) yang harus diencoded menjadi &amp;. Namun setelah saya melihat kode sumber eror tersebut, menjadi pesimis, oleh karena kesalahan ini terletak di eksternal link stylesheet dari bloggger sendiri, lengkapnya sumber error validasi itu seperti berikut:

<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=2557765903998214405&zx=ae9d02a0-8d17-4917-9ce4-3437c250f8f4"/>

Tidak ada yang bisa dilakukan dengan kesalahan validasi HTML 5, kecuali Blogger team sendiri evaluasi (memperbaiki) ini menuurut saya. Ini kalau ga salah juga terjadi pada kasus kawan Linggar Litoz pada komentarnya di Cara Konvert HTML/XHTML ke HTML 5.

Update 16 Mei 2013:

19. script element between head and body.

Error validasi HTML 5 ini, dikarenakan adanya script element (tag <script>) antara tag </head>: head penutup dan tag <body>: body pembuka. Seperti contoh error dibawah ini:

Line 16, Column 86: script element between head and body
.…avascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"> </script>

Solusinya :
Seharusnya elemen script atau tag <script> ditempatkan diantara tag <head>...</head> atau antara <body>.....</body>. Bahkan ada yang menyarankan jika memungkinkan semua script elemen; <script type="text/javascript">...</script> ditempatkan dibagian paling bawah template tepat sebelum tag </body>. Hal ini untuk menghindari pemblokiran render html pada saat dowloading skrip yang juga membuat blog/web lebih respon.

The SCRIPT element places a script within a document. This element may appear any number of times in the HEAD or BODY of an HTML document. (source: w3.org )

20. Cannot recover after last error. Any further errors will be ignored.

Erros tersebut ada beberapa penyebabnya, salah satunya adalah dampak error diatas: script element between head and body, tentu setelah diperbaiki error ini akan ikut hilang.

Line 16, Column 86: Cannot recover after last error. Any further errors will be ignored
.…avascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"> </script>

Penyebab lain, dikarenakan adannya tag <script> diluar tag <html>, atau jelasnya ada tag <script>...</script> muncul setelah tag </html> pada dokumen HTML (template). Solusinya tag <script> harus dipindahkan dalam tag <body>....</body>

Mungkin juga ada penyebab lainnya, dan solusinya juga. Untuk sementara saya hanya menemukan ini saja. tentu kawan bisa sharing juga jika mempunyai pengalaman lain.

21. Bad value service.post for attribute rel on element link: Not an absolute IRI. The string service.post is not a registered keyword or absolute URL.

Eror ini penyebabnya adalah Validator tidak mengenali nilai yang digunakan attribut rel, dalam hal ini rel="service.post" atau rel="sitemap". Kesalahan ini biasanya terletak pada link sitemap blog atau atlernatif sitemap link, seperti contoh dibawah kodenya kurang lebih sebagai berikut:

<link rel="service.post" type="application/atom+xml" title="namablog - Atom" href="http://www.blogger.com/feeds/3863707973515408490/posts/default" />

Line 14, Column 154: Bad value service.post for attribute rel on element link: The string service.post is not a registered keyword or absolute URL

.… Atom" href="http://www.blogger.com/feeds/3863707973515408490/posts/default" />

Ada beberapa pendapat mengenai solusi error ini, diantaranya harus register nama link (service.post atau sitemap) tersebut yang akan Anda gunakan di http://microformats.org/wiki/existing-rel-values#HTML5_link_type_extensions. Tentu ini akan memerlukan waktu cukup lama, oleh karenanya sebenarnya ini bukan kesalahan mayor sturktur HTML tidak banyak yang bisa dilakukan.
Tapi sebagai solusinya Anda bisa mencobanya dengan merubah kode rel URL sitemap menjadi seperti berikut:
<link href='http://namablog.blogspot.com/feeds/posts/default' rel='alternate' title='namablog - Atom' type='application/atom+xml'/>
atau
<link href='http://namablog.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='namablog - RSS' type='application/rss+xml'/>

Semoga cara ini bisa membantu sob!!, kalau kalian ada cara lain Monggo disharing Sob.

Ok sekian dulu Update Error Validasi HTML , nanti akan ada update-update baru tentunya. Dan jangan lewatkan juga solusi-solusi yang telah kawan-kawan sharing di form komentar ini, mungkin itu yang Anda cari.

Lihat juga Lanjutan 
Kumpulan Eror Validasi HTML dan Solusinya bagian 2 ➲

Artikel Terkait Lainnya:
Click here for comments

125 komentar

Alhamdulillah, sangat bermanfaat buat saya, makasih atas informasinya mas. Langsung saya praktekan.

REPLY

Mantap tutornya mas ... ini yang saya cari ...

REPLY

sama2 mas
senang bisa bantu:)

REPLY

waahh,,,lengkap banget,,
sangat bermanfaat..

REPLY

setelah saya melakukan pengecekan ternyata di blog saya juga terdapat eror yang cukup banyak..
saya akan menggunakan postingan anda sebagai referensi
terima kasih dan mohon izin untuk membookmark

REPLY

wah ini yang saya cari, tapi masih ada tanda yang masih saya tidak tau cara mengganti nya, misal = | dan masih ada lagi, kalau bisa tolong di tambah lagi donk mas cara mengatasi error yang laennya, kalau boleh melalui blog saya aja untuk mencari bahan kode errornya.. "ngarep" hehe
tp thanks mas jadi sedikit mulai paham ni..

REPLY

hehe,....error di dokumen Anda terbanyak di line 9 dan 10,(javascript) sebenarnya validator hanya untuk html bukan js, so mungkin solusinya ada 2:
1. tambah tag comment pada js Anda:
<script type="text/javascript">
<!--
...code script....
// -->
</script>

atau coba dengan merubah semua ampersand & menjadi &amp;

REPLY

tambahan lg mas: kode g plus sebaiknya ganti dengan yang baru aja, bisa membuatnya sendiri yang valid xhtml atau html5 di https://developers.google.com/+/plugins/+1button/

semoga membantu sob:)

REPLY

Sekedar masukkan untuk agan punya blog untuk masalah terakhir sudah ditemukan caranya gan...yaitu dengan mengganti kode
<style type="text/css">
<!-- /*
silakan dijajal gan InsyaAllah berhasil..ane aja sukses valid html5. Cuma sayangnya penampakkan di dashboard yang langsung di blog itu ukuran gambarnya jadi besar banget dan tampak hanya headernya aja..ya tinggal milih aja mau valid html5 atau penampakkan gambar yang langsung di blog (setelah keluar dari edit template) itu normal....

REPLY

saya lihat di blog ini masih menyisakan 1 error dan 2 warning.
untuk error no 18, mungkin cara dari Dangdut Hot bisa berhasil.
tapi katanya membuat search pencarian bawaan blogspot tidak berfungsi.
Nah solusinya simple.

silahkan baca ini >>http://html5-responsive.blogspot.com/2013/01/cara-mengatasi-error-type-rel-href.html

Sukses saya terapkan di 2 blog cupu saya :D
www.bolalista.com
www.togelnesia.com

REPLY

Mohon bantuannya maklum newbie ga tau ap", masalah di blog Saya tidak ad di artikel ini, di antaranya :

- script element between head and body =

- Cannot recover after last error. Any further errors will be ignored =

- Bad value service.post for attribute rel on element link: Not an absolute IRI. The string service.post is not a registered keyword or absolute URL = Atom" href="http://www.blogger.com/feeds/6259668799397271059/posts/default" />

- Bad value X-UA-Compatible for attribute http-equiv on element meta =

REPLY

mas bro salah ini begini kenapa?
Line 245, Column 5: Element dl is missing a required instance of child element dd.
sama kaya gini gimana?

Line 162, Column 23: Element style is missing required attribute scoped.
padahal udah dikasi atribut type='text/css'

REPLY

Sumpah Ini Yang Saya Cari Dari Pagi sampai siang.. Coba Tebak Mas, Ane nemuin Di google yang isinya Copas semua.. Dan Itu2 saja.. Cuma Beda Judul Dan Parahnya Gak membantu.. Dan ini Bener2 yang saya cari mas.. Ijin Bookmark ya..

REPLY

akhirnya setelah otak atik berhasil juga tanpa eror mas.
saya tambahin kode <style type="text/css">
<!-- /* tepat sebelum <![CDATA[

makasih mas akhirnya berhasil buat tempe html5 gara-gara artikel ini :)

REPLY

thanks alot mastah... ane sekarang udah valid. yey

REPLY

Oh iya mastah, ane nemu solusi buat Validasi Follower widget di
http://bocahporis.blogspot.com/2013/02/cara-membuat-widget-follower-valid-html5.html.

Tested myself work :)

REPLY

Makasih gan penjelasannya, sangat membantu,, :D

ijin Bookmark..

REPLY

mohon bantuannya punya saya ada kesalahan eror seperti ini
kira kira dimananya ya yang menyebabkan eror seperti itu
Line 20, Column 55: Bad value contact for attribute name on element meta: Keyword contact is not registered.
meta name="contact" content="blabla@gmail.com.com"

mohon kirim ke bp1572@gmail.com
tanks

REPLY

saya lagi berusaha menerapkan tutor ini memang sangat susah bagi pemula seperti saya,, tapi terima kasih buat blog ini ahirnya saya menemukan yang saya cari salam kenal buat pengelola ini blog

REPLY

ane kok kagak bisa yang no 18 gan? dah dipraktekkan

REPLY

Gan minta bantuannya, cara memperbaikinya gimana, kalau errornya seperti ini:

1. Line 2, Column 219: Attribute xmlns:b not allowed here.
2. Line 2, Column 219: Attribute xmlns:data not allowed here.
3. Line 2, Column 219: Attribute with the local name xmlns:data is not serializable as XML 1.0.
4. Line 2, Column 219: Attribute xmlns:expr not allowed here.

5. Line 2, Column 219: Attribute with the local name xmlns:expr is not serializable as XML 1.0.
6. Line 2, Column 219: Attribute b:version is not serializable as XML 1.0.
7. Line 2, Column 219: Attribute b:version not allowed on element html at this point.
8. Line 18, Column 60: Bad value X-UA-Compatible for attribute http-equiv on element meta.
9. Line 21, Column 55: Bad value MSSmartTagsPreventParsing for attribute name on element meta: Keyword mssmarttagspreventparsing is not registered.
10. Line 27, Column 143: Bad value post for attribute rel on element link: The string post is not a registered keyword or absolute URL.

REPLY

Susah sob kalo satu-satu memperbaikinya

REPLY

mohon maaf mas, kalau masalahnya kayak gini gimana

1. The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead
2. Attribute imageanchor not allowed on element a at this point.
3. & did not start a character reference. (& probably should have been escaped as &.)
4. Bad value service.post for attribute rel on element link: The string service.post is not a registered keyword or absolute URL.
5. Bad value MSSmartTagsPreventParsing for attribute name on element meta: Keyword mssmarttagspreventparsing is not registered.

Mohon bantuannya mas..

REPLY

memang harus begitu Sob:)
tapi satu error bisa diperbaiki, bisa menghandle beberapa kesalahan

REPLY

semua sdh ada contohnya diatas mas, silahkan dicoba mas:)

REPLY

Waow manfaat sekali Gan....jadi tambah ngilmu nih....
Salam Sukses.

REPLY

salam sukses juga
senang bisa membantu:)

REPLY

Bang.. Nih kalo error nya begini bagaiman (script element between head and body.) Saya sudah coba memasukan code jadi saya ingin nanya apa kesalahn saya .. dari semuanya selalu aja itu-itu terus error saya 2 dan 1 warnings makanya saya pusing cara sembuhin nya gimana ... mohon di balas

REPLY

saya juga ada masalah di "& did not start a character reference" tapi yang ini gak bisa di edit, bisanya lihat lewat ctrl + u, kodenya gini: www.blogger.com/dyn-css/authorization.css?targetBlogID=2889237428777887757&zx=19fd0001-3c86-4541-8f0c-3c87b1551baa
cara benerinya gimana ya?

REPLY

Benul cekali, ane punya mslh yg sama dgn agan ini, coba mau remove sayangnya berpengaruh terhadap meta tag search, dengan niat pingin valid HTML5 tapi tampilan blog berubah semua. parahnya berubah pula dengan tatanan bagian header... kesimpulan: belum ketemu solusi.

REPLY

buat agan BolaLista: anda menyarankan untuk mengunjungi link TP perlu izin otorisasi segala. ini maksudnya ente gimana?

REPLY

itu juga sudah dibahas mas di no 18, bawaan blogger mas

REPLY

belum dapat solusi yang benar2 valid, bagi Anda yang mau mencobanya ada beberapa solusi dari komentar kawan2 diatas

REPLY

sama2 mas ni juga baru mencoba cari solusi yang paling aman:)

REPLY

salam kenal,,,
mas sekalian saya mau tanya gimana cara menampilkan imagepada postingan dihomepaga,,?

mohon pencerahannya mas...

REPLY

Terimakasih banyak gan atas tutor nya, alhamdulillah ane sedikit berhasil hehhehhe,......

monggo di cek : http://joens-tutorial.blogspot.com
sekali lagi terimakasih banyak salam kenal gan

REPLY

Terima kasih sudah memberi solusi yang selama ini kita cari ..

REPLY

Mas Tahu Tidak Cara Validkan Iframe Komentar Blogger ini..
sama validkan Threaded Comment :D ?

REPLY

Oke.. Mungkin Saya Akan Membantu Walaupun Pertanyaan Saya Di Abaikan ._.
To jona rendra : Coba Sobat Masukan Code <style type="text/css"><!-- /* Tepat Di Samping Kode

REPLY

@Dary Sadega Mantemand
terima kasih mas Dary:)
error yang Anda tanyakan itu sudah ada update solusinya mas no 19, semoga dapat membantu
thanks

REPLY

maaf mas belum dapat solusinya juga
semoga ada punya solusinya dan sharing ke kawan blogger

REPLY

Mas, cara mencari Line dan Column nya gimana? Saya cari ga ketemu, misalnya:
Line 6, Column 275: character "&" is the first character of a delimiter but occurred as data,
Saya cari line 6 column 275 di Edit HTML Blogger ga ketemu, saya cari juga di page source ga ketemu juga.
Mohon bantuannya, terima kasih.

REPLY

beda mas sistem penomoran yg di blogger edit html sama yg di W3C validator, biasanya klo nama/code yang dicari ga ada di editor HTML, adanya di widget atau pada code2 eksternal (stylesheet)

REPLY

Gimana ya mas caranya saya nggak ngerti yang dibetulin yang di edit template atau bukan? Terus nomor yang di edit template sama yang di w3c nggak sama, lalu nyarinya gimana ya?
Bisa bantu liatin punya saya mas? Makasih sebelumnya...
http://sehatalami99.blogspot.com

REPLY

Kalau mau lihat kayaknya harus ijin dulu sama pemiliknya kang kapuk

REPLY

Template yang saya pake ada error seperti ini

Bad value 252px; for attribute width on element img: Expected a digit but saw p instead.

Syntax of non-negative integer:
One or more digits (0–9). For example: 42 and 0 are valid, but -273 is not.

REPLY

penulisan image width error
seharusnya seperti ini
<img src='bla bla.jpg' width='300' height='300' alt='bla' title='bla'/>

http://ah-shared.blogspot.com

REPLY

hm ngapain susah"
view-source:situsanda.com * hanya bisa di chrome(yg lain belum tau)
tinggal anda cari yang mana yang error,samain kode errornya sama tag HTML template

REPLY

sama mas, cuma beda sedikit kode saja, dan buktinya saya bisa valid juga kok :v

http://ah-shared.blogspot.com

REPLY

penulisan 'px' dihapus aj mas, pasti bisa valid kok :3

REPLY

Pada web saya (fresh-hypnotherapy.com) terdapat tampilan dibawah ini,
mohon solusinya :(
"no document type declaration; will parse without validation"

Maklum saya pembelajar otodidak website :D
terimakasih mas

REPLY

itu berarti jenis dokumen yang tidak dapat ditentukan, karena dokumen tidak memiliki deklarasi DOCTYPE yang benar. Dokumen tidak terlihat seperti HTML, sehingga fallback otomatis tidak dapat dilakukan, dan dokumen itu hanya diperiksa sebagai sintaks markup dasar, harus menempatkan deklarasi DOCTYPE sebagai hal pertama dalam dokumen HTML.
contoh: html5 menggunakan deklarasi seperti ini:
<!DOCTYPE HTML>
untuk XHTML 1.0 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Lengkapnya bisa dilihat di http://www.w3.org/QA/2002/04/valid-dtd-list.html

REPLY

mantab gan, trimakasih atas tips nya, sangat membantu,salam kenal dari : http://www.obatkuat-kamasutra.com/
mohon kunjungan baliknya gan,,

REPLY

gan, plis bantu saya..
template saya tinggal 1 erorr pada tag "dl"

ini kata w3{dot}org


Error Line 585, Column 5: Element dl is missing a required instance of one or more of the following child elements: dd, template.

"< /dl >"

Content model for element dl:
Zero or more groups each consisting of one or more dt elements followed by one or more dd elements

REPLY

minta solusinya ya gan...

balas ke email saya saja
aanrusmanto88@gmail.com or komen diblog ane

ditunggu gan

REPLY
Komentar ini telah dihapus oleh administrator blog.
Komentar ini telah dihapus oleh administrator blog.

Ini yg Aku Cari, Thank ya mas, Bookmark dulu

REPLY

1. Line 634, Column 56: Duplicate ID s1.
2. Line 509, Column 56: The first occurrence of ID s1 was here.
3. Line 635, Column 38: Duplicate ID s2.
4. Line 510, Column 38: The first occurrence of ID s2 was here.

Ini Kenapa ya mas, padahal pas saya cek edit htmlnya gak ada yang duplikat :(
ini juga

1. Line 670, Column 167: Attribute imageanchor not allowed on element a at this point.
2. Line 670, Column 311: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
3. Line 545, Column 297: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
4. Line 545, Column 160: Attribute imageanchor not allowed on element a at this point.
5. Line 458, Column 56: & did not start a character reference. (& probably should have been escaped as &.)

Kalo yang nomor 5 udah saya ubah pake amp; itu . tapi tetep pas di valid lewat validator, malah kedeteknya & doang :(

REPLY

@dary tepat di samping kode apa ya??

REPLY

kalo mengatasi error kayak gini saat validasi gimana mas mohon penjelasannya..

Line 382, Column 26: Element blockquote not allowed as child of element span in this context. (Suppressing further errors from this subtree.)

<blockquote class="tr_bq">

Contexts in which element blockquote may be used:
Where flow content is expected.
Content model for element span:
Phrasing content.

REPLY

ini tutor manteb banget. saya jarang nemuin yang kayak gini.
slam sukses gan :)

REPLY

Mohon bantuanya kali ini gimana yah ?

http://validator.w3.org/check?uri=tati-adita.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0

REPLY

kang kalo lansung encode / decode bisa ga ya kira2???

errornya lumayan bnyk..:(

REPLY

saya juga bingung cara carinya mas, uda ctrl f gak nemu juga, gimana sih caranya? mohon pencerahan, saya awam blogger

REPLY

ini gimana solusinya

Error Line 992, Column 30: xmlParseEntityRef: no name

if (window.iframes && iframes.open) {


Error Line 992, Column 31: xmlParseEntityRef: no name

if (window.iframes && iframes.open) {


Error Line 1045, Column 49: xmlParseEntityRef: no name

…(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { windo…


Error Line 1045, Column 50: xmlParseEntityRef: no name

…BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window…

REPLY

Mantap Infonya gan... Sangat mambantu...

REPLY

bagaimana jika eror yang terjadi munculnya seperti ini mas...?

Line 1, Column 16: "xmlns" is not a reserved name
<!DOCTYPE html xmlns="http://www.w3.org" xmlns:og="http://ogp.me/ns#" xmlns:fb=…

Error Line 1, Column 16: cannot continue because of previous errors
<!DOCTYPE html xmlns="http://www.w3.org" xmlns:og="http://ogp.me/ns#" xmlns:fb=…

mohon pencerahannya

teknologidroid.blogspot.com

REPLY

Emang sangat membantu blog ini ^^ thx

REPLY

wah keren nih artikel, bisa buat blog kita jadi valid html 5..
mantap...
visit back sob http://be-bisnis-lah.blogspot.com/

REPLY

makasi mas ....membantu sekali ini ....

REPLY

jika yang error adalah duplicate xmlx gimana cara mengatasinya ya?
thanks

REPLY

Bad value 230px; 90px; for attribute width on element img: Expected a digit but saw p instead
ini image header 1, saya cari di template gak ada. gmn solusinya?

REPLY

mungkin itu code untuk header title/logo, coba cari code sperti ini:
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
biasanya di header, kemudian hapus 2 code yang mewaikili height dan weight :
expr:height='data:height'
expr:width='data:width'

REPLY

template Anda menggunakan DOCTYPE : XHTML 1.0 Strict, ya jangan di validasikan pake HTML5 mas:)

REPLY
Komentar ini telah dihapus oleh administrator blog.

gimana dengan error <a name='6646619701544283586'></a>

REPLY

name attribut dengan anchor bisa diganti dengan id att, karena contoh Anda cuma berupa link, opsi untuk valid HTML 5 contoh:

<a href='#id'>
dengan id yang paling dekat dengan taget link diatas
btw,... itu link apa mas?


REPLY

saya cek di html gak ada, ternyata itu tampilan gambar artikel terkini di homepage, klik kanan view page element. dan itu saya gak tau gimana...

REPLY

silahkan cek mas http://www.amalussholeh.net/

REPLY

alhamdulillah udah ketemu mas di html pada <a expr:name='data:post.id'/>
saya ganti name dengan href.

REPLY

giman kalo error : The align attribute on the input element is obsolete. Use CSS instead.
ini kode htmlnya
<div id='searchbarright'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://www.amalussholeh.net'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:120px;border:none;padding:3px 7px; font:12px Arial;color:#666; background:#fff;border:1px solid #ccc;' type='text' value='Cari artikel'/><input align='top' id='search-btn' src='http://1.bp.blogspot.com/-s0m9sepW0gc/T5ltQy2L89I/AAAAAAAAAt8/SIa8-qL5dVc/s1600/search.jpg' style='padding:0px 3px;' type='image' value='Cari'/>
</form>
</div>

REPLY

align attribute pada element input di HTML5 juga obsolete, coba kode align='top' gunakan style attr seperti contoh ini:
<input style="vertical-align:top;" id='search-btn' src='' style='padding:0px 3px;' type='image' value='Cari'/>

REPLY

setelah disimpan malah error mas

REPLY

iya mas.....saya salah, error itu krna udah ada attri style di element input, jadi ga boleh ada 2, buat seperti ini kodenya mas:
<input id='search-btn' src='' style='padding:0px 3px;vertical-align:top;' type='image' value='Cari'/>

REPLY

ok makasih mas...
masih ada dua error mas
Bad value for attribute src on element script: Must be non-empty.
<script src=''></script>
Element style is missing required attribute scoped
<style>

itu saya cari di html jg gak ada

REPLY

ya krn attr, src seharusnya tidak boleh kosong, coba di buat seperti ini:
<script src='#'></script>
btw klo, script itu ga ada fungsinya hapus aja mas..

untuk style css di body, di HTML5 buat seperti :

<div>
<style type="text/css" scoped>
...code CSS...
</style>
</div>


itu spertinya ada di widget recent post, coba cek di Tata Letak bloggger

REPLY

ok makasaih mas, tutornya sangat bermanfaat
sy penggemar baru blogiz selain kang ismet. sekali lagi makasih banyak atas semuanya, moga blogiz makin sukses

REPLY

maaf mas ini d luar topik...
postingan saya waktu d share, image yang tampil bukan imagenya post itu tp post yang lain, kadang kita share salah satu post malah tampil image iklan. mohon solusinya. makasih

REPLY

satu lagi mas diskripsi postingan waktu d share itu yang tampil pesan komentar "silahkan berkomentar bla bla..."

REPLY

sob mau tanya dan butuh bantuan ini
ada beberapa error, antara lain:
- Line 16, Column 55: Bad value MSSmartTagsPreventParsing for attribute name on element meta: Keyword mssmarttagspreventparsing is not registered.
- Line 21, Column 123: Bad value application/rsd;xml for attribute type on element link: Parameter value missing.
- Line 1950, Column 31: script element between head and body.
- Line 1950, Column 31: Cannot recover after last error. Any further errors will be ignored.
bila Anda mempunyai solusinya mohon saya diberitahu ya sob
terima kasih

REPLY

thanks mas artikelnya :) bermanfaat banget ,jadi kesalahannya dapet berkurang nih di blog saya walau masih ada masalah yang belum saya pecahkan :v hehe

REPLY

blog saya banyak error
"The itemprop attribute was specified, but the element is not a property of any item"
<meta content='https://plus.google.com/107105433524048708570' itemprop='url'/>
banyak yang kayak giru mas, dari meta content, posting blog, author, dll.
mohon bantuannya mas. makasih

REPLY

Terima kasih sudah membantu, alhamdulillah sudah valid meskipun di single post belum belum mengerti
http://www.supernewbi.com/2015/01/bisnis-bagi-pemula.html

REPLY

master tanya..
kalo benerin error yang di di code eksternal (klik kanan pada halaman blog -> sumber lain) gimana master?
mohon pencerahannya..terima kasih

REPLY

Mas Kalau eror gini ngatasinnya gimana yah mas...........
Line 1910, column 83: The itemprop attribute was specified, but the element is not a property of any item.

…r class='published' itemprop='datePublished' title='2015-02-04T12:34:00+07:00'>

REPLY

waduh ternyata njimet dan bikin mumet error

REPLY
Komentar ini telah dihapus oleh pengarang.

Point:"18. & did not start a character reference." satu2nya solusi ya membiarkannya tetep error, karena memang diluar kuasa kita untuk memperbaikinya
pengen punya blog yang wuss ya memang harus dapet tanda tangan dari om Valid bin Validin alias harus mau njlimet ruwet binti mumet.

REPLY

Mas,. tolong donk.. muter2 nyari untuk memperbaiki ini kok gak ketemu2 ya..

The itemprop attribute was specified, but the element is not a property of any item.
--itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>--
--class='post-title entry-title' itemprop='name'>--

apanya ya mas?

REPLY

mas pada ebmastool-structured data saya menemukan erro (dengan tanda seru warna merah) seperti dibawah ini

div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
meta content='3839494150822438225' itemprop='blogId'/>
meta content='2859851203592898' itemprop='postId'/>

itu kenapa dan gimana solusinya ya?
thank's

REPLY

Open quote is expected for attribute "{1}" associated with an element type "src".

REPLY

Open quote is expected for attribute "{1}" associated with an element type "src".

REPLY

POIN NOMOR 21 (DUA PULUH SATU) - Service.post is not a registered keyword <<< Coba untuk masalah yang ini diuraikan secara lebih jelas lagi, kebetulan eror HTML5 di situs saya hanya tinggal yang ini saja. Saya sudah cari hampir di semua dalam dan luar negri jawabannya sekali tidak memuaskan. KEBANYAKAN SITUS ANAK BANGSA(T) CUMA COPY PASTE DARI BLOG INI ! (dan mungkin anda juga salah satu pengikut jejak mereka, hanya saja saya tidak tahu anda copas darimana)

Jika memang benar anda berniat share dan membantu para blogger sesuai denga apa yang anda tuliskan di footer situs ini coba biasakan diri untuk menampung aspirasi para komentator !

Mohon anda perjelas dimana saya harus meletakkan kode tersebut dengan memberikan solusi-solusi yang tidak "ngambang", karena saya sudah coba tempatkan sebelum tag head juga tidak berfungsi.

Thank's.

REPLY

Kang,

kalau warning ini gimana solusinya
Warning: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.


Suwun;

REPLY

Benar benar mantab tutorialnya layak menjadi referensi tempat belajar,izin bookmark .

REPLY

kalau yang ini gan (TEMPLATE ERROR: b:include has no 'name' attribute)please kirim to Rahmat_waterseven@yahoo.com

Thenks

REPLY

gan gimana ngatasi error pada 13

REPLY

gan di simpannya cmvert tersebut

REPLY

Terima kasih gan atas penjelasannya. Sala http://droz-indonesia.blogspot.com

REPLY

Trims bro... Sudah berkurang errornya..

REPLY

artikel ini sangat bagus dan memang benar bnyk yang niru wkawkakwkawk saya punya error dari 200 lebih hingga 139 dah mumet benerinnya kalau ada yang bisa bantu tolong donk diberitahu dan tlg di cek http://birmamalau.blogspot.co.id/

REPLY

makasih mas. akhirnya valid amp

REPLY

Silahkan Berkomentar
Komentar/pertanyaan Sesuai Topik, Please NO SPAM, NO Promotion Links
Convert Kode HTML sebelum disisipkan

Convert

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

Artikel Terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|