Shizenku Blog

Informasi unik, populer dan menarik lainnya

Cara mudah mengatasi error Ampersand HTML5 di W3C

Artikel kali ini berkaitan dengan error HTML5, Pada artikel sebelumnya saya sudah membahas tentang cara memvalidasi error comment-form di W3c. Jika belum membaca artikel tersebut silahkan anda baca di sini Cara membuat comment-form menjadi valid HTML5.
Error yang ada pada comment-form tersebut termasuk ke dalam kategori error ampersand ( & ).
Pada tutorial kali ini saya mau memberikan panduan cara mudah mengatasi error ampersand dan ditujukan kepada para blogger newbie yang belum tahu cara mengatasi error tersebut.
Error ampersand ini terjadi pada kode-kode html yang mengandung kode ( & ) yang belum diberi tambahan kode amp;
comment-form tidak valid
Shizenku.blogspot.com

Saat pengecekan di W3C tampilan peringatan error ampersand adalah seperti ini :
& did not start a character reference. (& probably should have been escaped as &.)
Untuk cara mengatasinya kita hanya perlu menambahkan kode amp; setelah kode & .

Masalah 1
Untuk masalah 1 ini adalah contoh kode script yang belum mempunyai tambahan kode amp;
Berikut ini contoh error ampersand :
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
Perhatikan kode & yang berwarna merah di atas. kode & di atas mengalami error ampersand karena di belakang kode tersebut belum ditambahkan kode amp;
Supaya contoh kode script di atas tidak mengalami error ampersand kalian harus menambahkan kode amp; di belakang kode &
Berikut ini contoh kode script yang sudah di tambahkan kode amp; :
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
Setelah di tambahkan kode amp; maka script tersebut sudah tidak mengalami error lagi.

Masalah 2
Untuk masalah 2 ini adalah contoh kode script yang sudah mempunyai tambahan kode amp;
Berikut ini contoh kode yang mengalami error ampersand pada masalah 2 :
<scriptsrc='http://www.google.com/cse/brand?form=cse-search-box&amp;lang=id' type='text/javascript'/>
Perhatikan kode & yang berwarna orange di atas. kode & di atas sudah terdapat kode amp; tetapi ketika kita cek di W3C tetap saja errornya masih ada.
Untuk masalah 2 cara mengatasinya adalah dengan cara menambahkan lagi kode amp; di belakang kode &amp; sehingga hasilnya seperti di bawah ini :
<scriptsrc='http://www.google.com/cse/brand?form=cse-search-box&amp;amp;lang=id' type='text/javascript'/>
Setelah di tambahkan kode amp; maka script tersebut sudah tidak mengalami error lagi.

Masalah 3
Untuk masalah 3 ini hampir sama dengan masalah 2 yaitu jika ada script yang setelah kita cek mengalami error ampersand, ketika sudah menambahkan kode amp; lebih dari 2 kali tetapi masih error juga berarti yang mengalami error bukan script yang kita tambahkan kode amp; tersebut tetapi terdapat pada kode html yang lain.
Selamat mencoba.


Cara mudah mengatasi error Ampersand HTML5 di W3C
Cara mudah mengatasi error Ampersand HTML5 di W3C
Artikel kali ini berkaitan dengan error HTML5, Pada artikel sebelumnya saya sudah membahas tentang cara memvalidasi error comment-form di W3...

151 komentar : Cara mudah mengatasi error Ampersand HTML5 di W3C

Diposting oleh 
 · mengatakan...

sob, aq mau nanya,, klo mau pasang widget Google+ follower kayak di sidebar sobat nih gimana yah?? Soalnya aq dah muter2 tapi gak ketemu2... :(
kapan2 klo bisa tolong di share ya sob kode script widgetnya... :) hehehe :D
sorry ngerepotin nih... :D

Diposting oleh 
 · Admin mengatakan...

@ikhsan : ganti kode body class='loading' dengan kode body
. . jika masih eror lagi silahkan komen lagi disini nanti aku cek lagi gan. .

Diposting oleh 
 · Admin mengatakan...

@ikhsan : seharusnya ada gan, gx mungkin kalo gx ada .. .
letaknya diatasnya kode span id='skiplinks' style='display:none;'
jika setelah dicari kode body class='loading' tidak ada mungkin kodenya pake kode pemanggil. .

kalo menurut saya seharusnya kode body letaknya di bawah /head, tetapi di template agan kode body-nya ada di bawah elemen div id='top', mungkin itu yg menyebabkan error. .

Diposting oleh 
 · Admin mengatakan...

@ikhsan : Iya gan, . kode body expr:class='"loading" + data:blog.mobileClass' sama aja dengan body class='loading'. .
kode body class='loading' rename jadi body , trus pindahkan dan taruh tepat di bawah kode /head ..

Diposting oleh 
 · Admin mengatakan...

@ikhsan : Ok gan sama-sama, . gx sempet gan buat artikelnya lagi sibuk didunia nyata, . he he. ..

Diposting oleh 
 · mengatakan...

gan, maaf nih saya datang lagi. beberapa hari yang lalu saya ganti template gan. dan mengalami 2 error. pemberitahuan dari w3 seperti ini

Error Line 247, Column 31: script element between head and body.

script type='text/JavaScript'


Error Line 247, Column 31: Cannot recover after last error. Any further errors will be ignored.

script type='text/JavaScript'

bagaimana ya gan agar blog saya valid html5 lagi dibagian home. menurut agan, dimana letak errornya gan?

Diposting oleh 
 · Admin mengatakan...

@Ikhsan Iskandar : untuk mengatasi 2 error ganti kode script type='text/JavaScript' dengan kode script type='text/javascript'
di bagian postingan ada satu lagi error cara mengatasinya ganti kode href='https://plus.google.com/116869583233093721226?rel=author'/ dengan kode href='https://plus.google.com/116869583233093721226' rel='author' title='author'/
selamat mencoba sobat :D

Diposting oleh 
 · mengatakan...

cara diatas berhasil..tapi terkadang memang ada bagian HTML yg ga pass..sehingga dimasukan kode & 2 kali tetap masih error,btw keren tutorialnya mas...terimakasih

Diposting oleh 
 · Admin mengatakan...

@Z .u. L : Ok gan terimakasih atas kunjungannya :D
saya belum bisa berkunjung balik karena musim hujan jadinya internet admin sedang lelet .. he he. .

Diposting oleh 
 · mengatakan...

sob... error saya sama persis seperti @+Ikhsan Iskandar
saya sudah menerapkan/ mempraktekkan instruksi solusi di komentar tetapi tidak perubahannya
memang seharusnya kode script type='text/Javascript' terdapat di antara "pembuka" head "penutup" dan "pembuka" body "penutup"
tapi saya tidak paham dengan maksud "diantara kedua script tersebut"
mohon penjelasan dan solusinya sob
terima kasih

Diposting oleh 
 · Admin mengatakan...

@Andhi Setya Hermawan : script tidak boleh diletakkan di antara kode head dan body, maksudnya script tidak boleh diletakkan diluar kode head atau body.
jadi script harus dimasukkan didalam head atau didalam body.
^_^

tadi saya sudah mengecek blog sobat Peluang Bisnis Berjangka, dan ada satu script yang diletakkan diluar head dan body, ini dia scriptnya :
<script type='text/javas. .. bla bla bla
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
< /scri. . bla bla bla

untuk mengatasinya coba kode script diatas sobat pindahkan dan masukkan kedalam kode head atau body.
kalo mau dimasukin ke dalam head bisa ditaruh diatas atau dibawah kode css.
atau kalo mo dimasukin ke dalam body, taruh aja tepat diatas kode </body.

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

@Andhi Setya Hermawan : kalo boleh tahu itu script berfungsi untuk apa ? n dapet darimana ?
tadi saya sudah mengecek blog sobat, ketika di W3C saya bereksperimen sebentar dengan memindahkan kode script tersebut kedalam head dan body dan hasilnya ada 104 errors dan 51 warnings. lalu saya bereksperimen lagi dengan menghilangkan kode script tersebut dan hasilnya tetap yaitu 104 error dan 51 warning.

setelah saya lihat jenis-jenis errornya, tiga error awal berasal dari gambar. gambar-gambar tersebut belum memiliki attribute alt sehingga menyebabkan error di W3C. untuk jenis error lainnya silahkan diperbaiki sendiri yah. walaupun sebenarnya saya bisa membantu memperbaiki semua erronya tetapi saya sekarang ini sedang dalam keadaan sibuk sekali, dan satu lagi yang saya tidak suka yaitu internet lelet abis karena musim hujan. maaf ya ^_^
kalo agan ngerti bahasa inggris di w3c udah sangat jelas ada peringatan penyebab error tersebut. jika tidak bisa bahasa inggris, silahkan diterjemahkan di google translate. :D

jadi kesimpulan saya bahwa blog agan dari awal memang banyak errornya, sedangkan apabila sobat memasang script tadi dan hasilnya berubah menjadi 2 error saja, menurut saya hasil tersebut tidaklah asli alias tidak benar. dan hasil sebenarnya yang saya percayai adalah yang mempunyai error berjumlah 104 tadi. karena sudah saya cek semua errornya memang ada di blog sobat.

Diposting oleh 
 · mengatakan...

terima kasih sob sudah memberikan saya input yang membangun dan membantubagi perkembangan blog saya
saya sebenarnya tidak dapat dari mana-mana sob script tersebut, dari awal pilih template ini saya sudah menemukan script ini
sebelum pasang widget pun saya sudah menemuinya
seharusnya script diantara body dan head tersebut dapat valid bila dipindahkan
saya mengakui dan setuju dengan pernyataan kesimpulan Anda
saya akan memperbaiki 104 error dan 50 warning tersebut sob
tetapi saya mohon sob bila ada waktu luang, Anda dapat membantu saya dalam memecahkan masalah ini
sekali lagi saya ucapkan terima kasih banyak dan selamat bekerja sob
sukses ya sob

Diposting oleh 
 · Admin mengatakan...

@Andhi Setya Hermawan : Ok gan, cobalah untuk memperbaikinya sendiri yah. kalo memang ada beberapa error yg tidak bisa atau susah sekali untuk diperbaiki silahkan di tanyakan disini, insyallah saya akan membantu. :D

Diposting oleh 
 · mengatakan...

hallooo sob... saya sudah memperbaiki imageanchor dan border
sekarang ke tahap selanjutnya sob
masih banyak yang error soalnya
haha... :D

Diposting oleh 
 · Admin mengatakan...

@Andhi Setya Hermawan : lanjutkan gan he he.. . . :D
tapi ane cek kok dikembaliin lagi script-nya ke tempat semula sob.. . ? ^_^

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

@Kang Mousir : error pertama ada di kode link font di bawah ini :..
< link href='http://fonts.googleapis.com/css?family=Roboto:700,400,300,300italic,400italic,700italic|Oswald' rel='stylesheet' type='text/css'/ >

cara mengatasinya, ganti kode diatas dengan kode di bawah ini :
< link href='http://fonts.googleapis.com/css?family=Roboto:700,400,300,300italic,400italic,700italic' rel='stylesheet' type='text/css'/ >
< link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/ >

catatan = setelah kode "<" dan sebelum kode ">" dalam kode di atas saya beri spasi, silahkan dihapus spasinya.. :D
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

error kedua ada di script untuk artikel terkait di bawah ini :
< script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=999"' type='text/javascript'/ >

untuk cara mengatasinya, saya belum tahu erronya yang mana,.. pokoknya yang error ada di dalam kode src di script tersebut..
coba semua kode di dalam kode < div id='terkait' > agan kirim ke saya lewat email di pembela.allah@gmail.com

Diposting oleh 
 · mengatakan...

@Budiyanto Simo : disini aja ya gan, soalnya modem Saya lemot untuk buka email. Ini kodenya gan
<div id='terkait'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=related_results_labels_thumbs&amp;amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>
</div>

Diposting oleh 
 · Admin mengatakan...

@Kang Mousir : waduh kok dikirim dimari sih,.. bukannya lewat email. hadeh,.. kan di gmail ada settingan tampilan standar dan html biasa (untuk koneksi lemot).. -_-

coba diganti aja gan,. scriptnya...
dimbah google banyak tuh, script artikel terkait yang valid HTML5... he he :D

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : Ohh,.. kalo itu sih error bawaan blogger gan,... :D
cara mengatasinya yaitu :

1. cari kode dibawah ini :
<b:skin><![CDATA[
2. ganti kode diatas dengan kode dibawah ini :
& lt;style& gt;& lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style id="page-skin-1" type="text/css">

3. terus cari lagi kode di bawah ini :
]]></b:skin>
4. ganti kode diatas dengan kode di bawah ini :
</style>

catatan : perhatikan kode "&" yang bercetak tebal pada nomer 2 diatas. setelah kode "&" tersebut, saya kasih spasi. maka dari itu silahkan agan hapus spasi yang letaknya ada pada setelah kode "&" tersebut,... disana ada 3 kode "&" yang saya kasih spasi..
selamat mencoba sobat,. ^_^

Diposting oleh 
 · mengatakan...

Gan aku coba pake caranya yg di refrensi ttp gagal juga gan ERROR

Diposting oleh 
 · mengatakan...

ada cara lain lagi gan? makasih.....

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : kan ane udah bilang itu error bawaan blogger,.. ente ikutin panduan yg udah ane kasih diatas kemarin, masalah masih ada error atau error bertambah banyak itu belakangan,. yg penting ente ikutin dulu tutorial yang ane kasih, setelah itu nanti ane cek lagi,.. :p

Diposting oleh 
 · mengatakan...

Gan suda saya coba Save ttp dari sananya ga bisa save bilangnya sbb :

"Could not load template preview: Error parsing XML, line 26, column 614: The reference to entity "platform" must end with the ';' delimiter. Hide notification"

nextnya bgmana?
( aku ada email ke Agan di "pembela.allah@gmail.com" pdf dari Error html yang akibatkan ga bisa di save )

Diposting oleh 
 · mengatakan...

Mas setelah aku otak atik sedikit akhirnya valid juga

dari :
.php?id=11554225&platform=blogger)
ke :
.php?id=11554225&platform=blogger)

saya tambahkan amp; cuman setelah itu blog saya jadi Berantakan untuk tata letaknya ;(

bagaimana baiknya ya ; ?

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : tambahkan kode dibawah ini, insyaallah akan menguragi berantakan tersebut,. :
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' />

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : setelah saya cek bener-bener error tuh blognya,. udah sini kirimin semua kode html-nya ke email pembela.allah@gmail.com..
nanti ane cek, kayaknya ada yg error tuh,. sampek tampilannya kayak gitu ha ha,. :D

Diposting oleh 
 · mengatakan...

Ok Kang Budi.. Ntar sy kirimin , apa sekalian sy add sbb admin Blog sy Gan?

Diposting oleh 
 · mengatakan...

pembela.allah@gmail.com

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : Ok udah ane udah jadi publisher,.. sekarang ente edit jadi admin.. :D
jangan manggil kang,.. ane masih muda tahu.. umur baru 19,.. he he,. :capedeh

Diposting oleh 
 · mengatakan...

Ok d Gan, Kbeulan Ane juga masih mudah 35tahun :P

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : waduh,. umur udah 35 tahun om,. udah calon mbah-mbah tuh,.. ha ha ha,.. :D
blognya sudah saya bikin valid HTML5,. sekalian saya betulkan semua error di rich snippet juga,..
backgroundnya saya ganti gx papa kan,. dan juga elemen-elemen dibawah postingan saya hapus biar gx error,.
soalnya tadi pas dalam keadaan default, ketika buka artikel yang diberi label,.. artikelnya gx muncul,. ada error nih.. he he :D

Diposting oleh 
 · mengatakan...

Gan setelah ane perhatikan Back Ground ane jadi berubah , emang BackGround bawaan error Valid html?

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : bukan nggak valid,.. tapi ane gak bisa manggil gambarnya,..
kode pemanggilnya itu tidak bekerja,.
jadi kalo om tidak suka dengan backgroundnya, nanti bisa diganti kok,.. :D

Diposting oleh 
 · mengatakan...

ooohh bgtu klu sy ganti bisa balik error lg?

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : insyaallah, jika gambar background diganti tidak akan error,.. he he,. :Peace: ^_^

Diposting oleh 
 · mengatakan...

gan aku buat blog baru lagi, dan ikutin ulang cara diatas...
berhasil cuma tampilan aga berantakan + error validasi
cara memperbaikinya lg bgmana?

gan sempat minta psang html ini di blog , letakin dimana ya?
(link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' )

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : letakin di dalam header atau atas kode css,.. :D

Diposting oleh 
 · mengatakan...

( Atom" href="http://www.blogger.com/feeds/7556212861464227703/posts/default" /> )

klu yang begini bagaimana Gan?
tinggal satu ni hahahahah : D

Diposting oleh 
 · Admin mengatakan...

@Parfum Super : caranya,.. masukin kode dibawah ini kedalam head
<link href='http://www.blogger.com/feeds/7556212861464227703/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/>

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

semua blog bisa diperbaiki kok gan,.. :D
tapi kalo errornya banyak ya butuh waktu lama...
besok aja lanjut lagi, ane mo offline udah malem, mata ane udah pedes nih dari pagi ampe malem didepan kompi mulu.. :Peace
sehari-hari hobi ane bukan ngeblog tapi ngaskus.. :ngakak:

Diposting oleh 
 · mengatakan...

gan mau nanya, cara ngatasin munculnya kode ini : expr:class='"loading" + data:blog.mobileClass'>, di blog ane gimana ya?

Diposting oleh 
 · Admin mengatakan...

ya hapus aja kodenya... :ngakak:

cari kode :
<body class='variant-pale'> expr:class='"loading" + data:blog.mobileClass'>

terus hapus kode yang ane bold :
expr:class='"loading" + data:blog.mobileClass'>

Diposting oleh 
 · mengatakan...

ikutan nyimak Gan he...he....masih belum jelas nih.
Maklum masih pemula

Diposting oleh 
 · Admin mengatakan...

silahkan disimak... he he :D

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

sudah saya cek, sepertinya error </style> yang anda maksud sudah diperbaiki :)
tadi saya cek juga masih ada 4 warning..

cara mengatasinya... :D
cari kode di bawah ini :
<a expr:name='data:post.id'/>
lalu ganti kode "name" dengan kode "id"
nanti hasilnya menjadi seperti ini :
<a expr:id='data:post.id'/>

Diposting oleh 
 · mengatakan...

thumbup ,setelah mengikuti petunjuk di atas, warning pada Markup Validation Service sudah hilang mas thumbup :D
oh ya, pada The W3C CSS Validation Service, masih ada 34 error 57 warning. jika saya menghapus link dari widget_css_bundle.css maka error tersebut tersisa 14 dan warningnya tersisa 27. tetapi ada pengaruh pada tampilan avatar komentar. tampilan avatarnya menjadi sangat besar.
kemarin saya mengikuti petunjuk yang mas tujukan ke @Parfum Super, template gak bisa dipratinjau dan muncul pesan : Tidak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 952, kolom 3: The element type "Variable" must be terminated by the matching end-tag "".
maaf.., saya selalu merepotkan mas Budiyanto Simo.

Diposting oleh 
 · mengatakan...

Tidak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 952, kolom 3: The element type "Variable" must be terminated by the matching end-tag "< / Variable >".

Diposting oleh 
 · Admin mengatakan...

kode widget_css_bundle.css emang banyak errornya.
kalo masalah valid css emang agak lama ngatasinnya soalnya kodenya banyak...
gak apa apa kok blognya om gak valid css, valid css cuma pengaruh ke loading blog aja... :Peace

Diposting oleh 
 · Admin mengatakan...

error tersebut terjadi karena belum ada kode penutup </variable> :-bd

Diposting oleh 
 · mengatakan...

ooo..berpengaruh ke loading ya...
banyak terima kasih atas semua petunjuknya.
semoga ilmu mas Budiyanto Simo semkin bertambah.
Amin.... :D

Diposting oleh 
 · mengatakan...

saya banyak belajar memperbaiki error dan warning W3C di Shizenku Blog.
dulu blog saya memiliki hampir 2ratusan error dan juga warning W3C. namun sekarang error dan warning w3c tersebut sudah bisa teratasi dengan baik atas bantuan mas Budiyanto Simo.
terima kasih atas bantuannya dan sukses selalu.. :thumbup :Peace

Diposting oleh 
 · Admin mengatakan...

amin,.. trimakasih om.. :ngakak:

Diposting oleh 
 · Admin mengatakan...

sama-sama om,.... :Peace

Diposting oleh 
 · mengatakan...

balik lagi nih mas.... :D
setelah utak atik template blog saya, akhirnya valid juga. tapi tampilannya banyak yang berubah.
gimana cara mengembalikan tampilan tersebut ?
Mohon infonya... :) :-bd

Diposting oleh 
 · Admin mengatakan...

waduh ane gx tahu om,. bagan mana yg berubah... =D
tinggal di perbaiki aja tampilannya lewat kode html or css om... :ngakak:

Diposting oleh 
 · mengatakan...

setelah saya memasukkan kode & lt;style & gt;& lt;!-- /*< b:skin >< ![CDATA [*/]] >< /b:skin >
< style id="page-skin-1" type="text/css" > , tampilan tata letak semua ngumpul di tengah, gambar pada bagian footer bergeser kebagian atas, bagian komentar berubah,tampilan widget total pageviews berubah jadi buram. :bingung: :hammer:

Diposting oleh 
 · Admin mengatakan...

udah ane cek bukan nya itu kode udah di pasang om, kok pertanyaannya setelah di pasang... ?
mungkin yg om masih bingung tentang kode yang ini yah.. <style id="page-skin-1" type="text/css">
kan di blognya om udah ada kode <style>
sebenarnya mo pake <style id="page-skin-1" type="text/css"> atau pake <style> sama aja kok... :)

HTML5 emang gitu om.. di tata letak semuanya jadi ngumpul di tengah.... punya ane juga gitu kok.. =D
yg penting kan tampilan blognya saat di buka.. :D

Diposting oleh 
 · mengatakan...

Kalo Errornya kaya gini solusinya apa ya??
Element div not allowed as child of element span in this context. (Suppressing further errors from this subtree.)
masalahnya ada di
class='loading'

Diposting oleh 
 · Admin mengatakan...

Oh, kalo itu error karena elemen div didalam elemen span...
maksudnya elemen <div> tidak boleh di taruh di dalam kode <span>..
sedangkan kode <span> boleh di taruh di dalam kode <div> ..

kalo boleh tahu alamat blog nya apa.. ? nanti aku cek =D

Diposting oleh 
 · mengatakan...

kode yang saya pakai sekarang, bukan kode seperti yang mas sampaikan ke @Parfum Super. Hasilnya : seperti sekarang ini, masih tersisa error pada bagian widget css bundle.
Dan jika saya menggunakan kode yang seperti mas sampaikan ke @Parfum Super, maka hasilnya : 100% valid pada CSS Validation Service. Hanya saja tampilan blog saat dibuka, tampilannya jadi berubah dan saya tidak tahu mengatur ulang tampilan tersebut. :ngakak:
Oh ya, Selamat menunaikan Ibadah Puasa saya ucapkan buat mas Budiyanto Simo sekeluarga.... :D :Peace

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

Ohh,.. jadi maksudnya kalo kode <link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/> di hapus blognya valid css 100%
sedangkan kalo dipasang lagi banyak errornya yah,.. :D
itu emang error dari bloggernya.. banyak kode css bawaan blogger yg tidak valid..

kalo pengen valid css 100% ok,.. silahkan hapus kode widget.css nya,..
sebagai gantinya tambahkan kode css yg saya kirimkan lewat email,..
silahkan cek email ya om,..
btw, Selamat menunaikan Ibadah Puasa juga ya om,... :(

Diposting oleh 
 · Admin mengatakan...

waduh banyak errornya gan,... :ngakak:
bisa kirimin email n pasword ke ane gan,.. pembela.allah@gmail.com
nanti ane betulin semua errornya...

Diposting oleh 
 · mengatakan...

ok gan, thx

Diposting oleh 
 · Admin mengatakan...

done, sudah ane bikin valid ya gan,.. :D

Diposting oleh 
 · mengatakan...

terima kasih banget ni buat bang budi, tapi kalo gak keberatan kebanyakan error karena apa ya??

Diposting oleh 
 · Admin mengatakan...

waduh ane masih bocah,.. umur masih dibawah 20thn gak pantes di panggil kang... :ngakak:
yg namanya error ya karena error,.
di w3c validator udah ada penjelasan nya tersendiri penyebab error tersebut. :D

Diposting oleh 
 · mengatakan...

kode sudah saya hapus, dan kode css yang mas kirim lewat email juga sudah saya masukkan pada template blog saya.
semua error pada Markup Validation Service dan pada CSS Validation Service telah teratasi dan tampilan blog juga kembali normal alias gak berantakan....:D Blog saya 100% sudah valid pada W3C. :ngakak: :ngakak: :ngakak:
Banyak terima kasih atas bantuan mas Budiyanto Simo selama ini... :thumbup :-bd :Peace

Diposting oleh 
 · Admin mengatakan...

sama-sama om,.. :D

Diposting oleh 
 · Admin mengatakan...

tadi iseng-iseng ane cek di w3c validator... url homepage oke udah valid html5.. :D
tetapi di halaman posting banyak errornya,. :ngakak
kalo mau bisa kirimkan email n password nanti ane betulin semampunya.. :)

Diposting oleh 
 · mengatakan...

:hah: saya kira semua sudah valid w3c html5 :D
setelah saya cek ulang, ternyata betul. malah hanya homepage nya saja yang valid.
sedangkan pada setiap halaman post nya, tidak ada satu pun yang valid w3c html5... :( :(
Oh ya, tadi juga saya cek semua halaman post Shizenku Blog pada Markup Validation Service, semua valid w3c html5 kecuali pada post yang berjudul "Tutorial uninstal driver vga AMD Radeon terbaru". :thumbup
Mas Budiyanto Simo sengaja ya gak bikin valid pada post yang terakhir ? :) :D
Email n password sdh saya kirim..
Terima kasih mas, sudah banyak membantu saya.

Diposting oleh 
 · Admin mengatakan...

ha ha ha,... :ngakak:
oh iya lupa, postingan terbaru "Tutorial uninstal driver vga AMD Radeon terbaru" gak ane cek,.. :D
oke ntar siang ane cek.. pagi ini lagi sibuk.. :Peace:

Diposting oleh 
 · Admin mengatakan...

alhamdulillah sukses,... sudah ane bikin valid ya om,. :D
tetapi threaded-comment ane ganti comments,..
soalnya threaded-comment banyak errornya... :ngakak:

Diposting oleh 
 · mengatakan...

Gn, kalo error ini kenapa Ya?
Element name o:p cannot be represented as XML 1.0.

Diposting oleh 
 · Admin mengatakan...

kodenya tidak valid,.. cari kode ini <o:p></o:p> trus hapus.. :)

Diposting oleh 
 · mengatakan...

Gan, saya kan punya error seperti ini :
Element not allowed as child of element h1 in this context. (Suppressing further errors from this subtree.)
yang masalah nya disini
< class="MsoNormal" style="margin-left: 0.5in; text-indent: -0.25in;">
tapi saya gak bisa nemuin kalimat diatas pada pengaturan edit HTML nya, tapi malah ketemu kalo kita klik kanan di blog trus klik lihat sumber laman ?? gmana cara ngeditnya ya??

Diposting oleh 
 · mengatakan...

Alhamdulillah... :D :kiss: :thumbup
Threaded-Comments yang bikin banyak error, tidak masalah diubah menjadi Comments. Yang penting homepage dan halaman post blog nya sudah valid pada W3C (Markup Validation Service dan CSS Validation Service) :ngakak:
Lupa titip pesan buat mas Budiyanto Simo agar sisakan satu halaman post yang ada error ">" dan "bad value" buat belajar memperbaiki error nya.
Terima kasih mas atas bantuannya... :Peace

Diposting oleh 
 · Admin mengatakan...

url nya mana gan,.. =D

Diposting oleh 
 · Admin mengatakan...

ha ha ha,... :D
iya kemarin ada error bad value,. letaknya ada di dalam postingan bukan di kode html.. jadi ya kemarin harus edit postingan.. :cool:
kemarin halaman statis juga error semua, harus di edit semua dah,.. :ngakak:

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

Oh,. kalo itu sih elemen <div> tidak boleh diletakkan didalam elemen <h1>
sedangkan elemen <h1> boleh diletakkan di dalam elemen <div>

kalo ternyata setelah dicari kodenya tidak ada di dalam kode html berarti bisa jadi ada di dalam kode widget di tata letak atau didalam postingannya langsung,..
kalo menurut ane sih kayaknya ada di dalam postingan,. coba menuju postingan trus edit postingan dalam mode html trus cari disitu.. :)

Diposting oleh 
 · mengatakan...

oke, terima kasih

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

sama-sama,.. :-bd

Diposting oleh 
 · Admin mengatakan...

coba kirimkan kode <div id='at-gambar'> sampai dengan </div> .. ke ane.. :)

Diposting oleh 
 · mengatakan...

:hah: Mohon maaf banget nih mas..., saya sudah sangat banyak merepotkan mas Budiyanto Simo. 124 halaman post, 6 halaman statis, plus template tidak ada yang valid W3C sebelumnya :hammer:
Saya baru tahu kalau halaman statis juga bisa di bikin valid :D Saya sudah cek pada W3C Markup Validation Service.Ternyata betul, semua halaman statis pada blog saya sudah valid 100% :ngakak:
Btw, ada info nih buat Shizenku Blog... :)
1.Pada halaman statis "CONTACT" dan "PARTNER" ada error Bad value pada W3C Markup Validation Service
2.Pada halaman yang mengarah ke url external "FOLLOW" ada error pada W3C Markup Validation Service dan W3C CSS Validation Service
Lagi-lagi saya tanya ke mas Budiyanto Simo, lupa apa sengaja nih gak di bikin valid ? :D :Peace

Diposting oleh 
 · Admin mengatakan...

halaman contact ane cek valid tuh,.. :bingung:
coba halaman w3c validator di refresh atau klik "Revalidate". =D

Diposting oleh 
 · mengatakan...

apa mungkin karena saya masih pakai win xp ya mas ? :D
sudah saya refresh,juga revalidate hasilnya :
Line 48, Column 133: Bad value h t t p s : // docsgooglecom / spreadsheet / embeddedform ? formkey = dENRaTNjcHlGT1VNcHlkcV92amlEU FE6MQ for attribute data on element object: Illegal character in query: not a URL code point.
NRaTNjcHlGT1VNcHlkcV92amlEU FE6MQ " height="781" width="450" > Loading...< / ob ject >
Maaf kalau saya salah info mas.. :Peace

Diposting oleh 
 · Admin mengatakan...

gak ada hubungannya ama OS yg dipake..
kalo nanya yg jelas om,.. kasih url nya juga, biar ane bisa ngecheck.. :nohope:
halaman contact ane cek valid kok... :)

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

tuh kan bener, gak ada hubungannya ama OS,.. :hammer:
Owh,... halaman statis blog ane yah,. kirain halaman statis punya blog om..
halaman follow jelas gak termasuk lah,. itu kan halamannya blogger bukan halaman blog shizenku.. :D
makasih koreksinya... :thumbup

Diposting oleh 
 · mengatakan...

Maih sibuk ya gan..?
Ane dah kirim <div id='at-gambar'> sampai dengan </div> via link contact blog agan..
maaf ya merepotkan...

Diposting oleh 
 · Admin mengatakan...

coba dikirim lagi gan.,.. gak sengaja kehapus.. :Peace

Diposting oleh 
 · Admin mengatakan...

lewat email aja gan,. kirim ke pembela.allah@gmail.com :D

Diposting oleh 
 · mengatakan...

Sudah ane kirim ya gan... tarengkyu..

Diposting oleh 
 · Admin mengatakan...

ganti dengan ini gan : :D
<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <script expr:src='&quot;/feeds/posts/default/-/hidden%20objects?alt=json-in-script&amp;amp;callback=related_results_labels_thumbs&amp;amp;max-results=999&quot;'/> </b:loop> <script type='text/javascript'>removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</script>
</div>

kalo gak bisa, komen lagi disini yah,.. :kiss:

Diposting oleh 
 · mengatakan...

Mantab Gan... error clear dan sudah valid html...
makasih banyak...
Allah yang balas ya...
ente emang dukun HTML dah... :kiss:

Diposting oleh 
 · Admin mengatakan...

ane bukan dukun gan,.... =(

Diposting oleh 
 · mengatakan...

Haha.. Thanks banyak pokoknya...

Diposting oleh 
 · Admin mengatakan...

sama-sama gan,.... :(

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

attribute name gak valid.. ganti dengan id.. :kiss:

Diposting oleh 
 · mengatakan...

Baru sempat lagi berkunjung ke Shizenku Blog.. :D
saya juga terima kasih selama ini mas membantu saya soal valid css dan html5.
Waah.., semua yang error w3c pada Shizenku Blog ternyata sudah di bikin valid ya mas ? Baru-baru ini saya cek, semua halaman satatis sudah valid 100%. :thumbup :ngakak: :kiss:

Diposting oleh 
 · Admin mengatakan...

sama-sama om,... :Peace :ngakak: :kiss:

Diposting oleh 
 · mengatakan...

Mantap gan... makasih infonya... membantu banget. :-bd

Diposting oleh 
 · Admin mengatakan...

sama-sama gan,.. :cool:

Diposting oleh 
 · mengatakan...

Gan, Kalo Warning ini masalah nya apa ya ??

Diposting oleh 
 · mengatakan...

The language attribute on the script element is obsolete. You can safely omit it

Diposting oleh 
 · Admin mengatakan...

yang mana gan,.. =D

Diposting oleh 
 · Admin mengatakan...

maaf baru bisa komen,.. kemarin sibuk bingit, lagi ospek soalnya.. :ngakak:
elemen languange di dalam script tidak diperbolehkan.. :)

tadi aku cek ada 3 warning,..
1. cari kode :
<script type="text/javascript" language="JavaScript">
setelah itu hapus kode language="JavaScript" ,nanti hasilnya jadi begini :
<script type="text/javascript">
2. cari kode di bawah ini :
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript"/>
terus hapus kode language="JavaScript" ,nanti hasilnya begini :
<script src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript"/>
3. cari kode :
<script language="JavaScript" type="text/javascript">
terus hap[us kode language="JavaScript" ,ntar jadi begini :
<script type="text/javascript">

selesai, udah yah,.. ane mo sholat jumat dulu :D

Diposting oleh 
 · mengatakan...

nanya sekali lagi bro, kan saya masang widget pengikut/join this site, trus gmana cara ngotak-atik atau liat htmlnya ya. soalnya ada error.

Diposting oleh 
 · Admin mengatakan...

kamu menambah widget baru ya,... ?? :D
setiap kamu nambah widget baru pasti akan ada error,.
maka dari itu setiap kamu nambah widget baru, kamu cari dan hapus semua kode <b:include data='post' name='postQuickEdit'/>

Diposting oleh 
 · mengatakan...

yang error bukan masalah itu gan, kalo yang itu setipa nambahin widget juga saya sudah hapus, yang error ini
& did not start a character reference. (& probably should have been escaped as &.)

Diposting oleh 
 · Admin mengatakan...

nah iya gan,. widget pengikut blog memang letak errornya ada pada kode <b:include data='post' name='postQuickEdit'/> ,nah masalahnya yaitu walaupun kodenya sudah kita hapus, tetap saja nanti kodenya bakal ada lagi,.. atau bisa dibilang gak bisa dihapus kodenya... :D
jadi mendingan di hapus aja widgetnya trus diganti dengan widget follower blog yang valid html5
1. hapus widgetnya
2. tambahkan widget baru HTML/Javascript
3. tambahkan kode dibawah ini kedalam widget HTML/Javascript tadi,. untuk judul terserah mo diisi apa.. :Peace
<script src='http://www.google.com/friendconnect/script/friendconnect.js'/>
<div id='div-1sygmvct5l52h' style='width:100%'/>
<script>
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Pengikut";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";

skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1sygmvct5l52h",
height: 260,



site: "10486075336126692213",

locale: 'in' },
skin);
</script>
<div class='clear'/>

4. trus silahkan simpan widget HTML-nya..
5. setelah itu menuju edit html trus hapus kode <b:include data='post' name='postQuickEdit'/>
6. klik simpan template.. done

jika kurang jelas silahkan baca postingan Cara terbaru membuat widget follower blog valid HTML5

Diposting oleh 
 · mengatakan...

thx bro, saya lebih ngerti yang postingan.
thx bgt.

Diposting oleh 
 · Admin mengatakan...

sama-sama gan,.. :)

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

error terjadi karena ada spasi di dalam url
contoh dari error diatas yaitu : /feeds/posts/summary/-/Furniture Klender Populer?max-results=4&alt=json-in-script&callback=bsrpGallery
lihat bagian yang ane bikin miring.. disitu ada spasinya, sebenarnya cara memperbaikinya yaitu dengan mengganti spasi tersebut dengan kode pengganti yaitu %20
masalahnya kita tidak bisa mengganti spasi tersebut dikarenakan url tersebut terbentuk otomatis.. kamu pake widget artikel terkait ya.?

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

coba kirimkan semua kode widget artikel terkait tersebut ke email ku di pembela.allah@gmail.com
tadi aku cek di bagian homepage ada 6 error...
untuk error pertama terletak di bagian elemen div class='menusearch' . error terjadi karena elemen div tidak boleh diletakkan didalam elemen ul
untuk error lainnya susah jelasinnya..
kalo mau, coba kirimkan email dan password ke email ku yg tadi pembela.allah@gmail.com insyaallah kalo ada waktu aku yg benerin semua errornya di halaman homepage, index, dan postingan.

jangan khawatir akun anda pasti aman kok,.. setelah semua error dah aku benerin, silahkan di ganti passwordnya. :)
kalo gak pengen ganti password juga gx masalah, aku orangnya baik kok.. jadi gak usah kawatir. :Peace:

Diposting oleh 
 · mengatakan...

Mohon maaf baru sempat balas, kalau masalah /feeds/posts/summary/-/Furniture Klender Populer?max-results=4&alt=json-in-script&callback=bsrpGallery sudah saya perbaiki, dan beberapa html coba saya perbaiki , hasil untuk home page sudah valid html sedangkan ada error yang bikin saya tidak bisa perbaiki dan tidak bisa mengatasi nya yaitu pada halaman postingan, bisakah anda perbaiki error nya

Error Line 576, Column 4: No p element in scope but a p end tag seen.
p

mohon bantuan nya terima kasih

Diposting oleh 
 · Admin mengatakan...

maaf aku gak bisa ngejelasinnya disini, susah mencari letak erronya kalau tidak berhadapan langsung dengan kode html-nya... :Peace:

Diposting oleh 
 · mengatakan...

Mas sudah kirimkan via email password serta email saya, terima kasih atas bantuan nya , maaf kalau merepotkan

Diposting oleh 
 · Admin mengatakan...

Ok,. insyaallah aku editin templatenya...
tapi maaf kayaknya gak bisa cepet, soalnya hari senin aku ada UTS di kampus.. doain yah biar lancar uts-nya.. :D

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

itemprop udah ada tetapi itemscope sama itemtype belum ada... :D
cara mengatasinya coba cari kode <div class="columns large-4 medium-6 small-8">
lalu tambahkan kode itemscope="itemscope" itemtype="http://schema.org/Article"
nanti hasilnya jadi <div itemscope="itemscope" itemtype="http://schema.org/Article" class="columns large-4 medium-6 small-8"> :)

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

cari kode <link href='data:blog.homepageUrl' rel='openid.delegate'/> lalu ganti dengan kode <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> :)

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

banyak errornya tuh gan... :D

Diposting oleh 
 · mengatakan...

ya, tp masalah nya apa aja?

Diposting oleh 
 · Admin mengatakan...

ya macam-macam lah... :D

Diposting oleh 
 · mengatakan...

thanks mas :)

Diposting oleh 
 · Admin mengatakan...

sama sama gan... :)

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh administrator blog.

Diposting oleh 
 · Admin mengatakan...

saya belum paham dgn pertanyaanya.. :bingung:
coba dirapikan dulu pertanyaanya..

anda bilang kalo kode tersebut di hapus, hasilnya muncul error author dan update. kenapa kodenya dihapus.. ?
saya cek gak ada masalah di rich snippet testing tool.. :bingung:

Diposting oleh 
 · Admin mengatakan...

@Fahrur Rozi : Ok, gan di tunggu aja artikelnya. . :Peace

Diposting oleh 
 · mengatakan...

makasih infonya gan.....

Diposting oleh 
 · Admin mengatakan...

sama-sama gan... trimakasih atas kunjungan n komennya... :D

Diposting oleh 
 · mengatakan...

Kesalahan saat mengurai XML, baris 3017, kolom 3: The element type "b:includable" must be terminated by the matching end-tag ""

mohon pencerahannya #Ndan

Diposting oleh 
 · Admin mengatakan...

itu errornya di w3c validator atau ketika mau simpan template di html blogger... ?

Diposting oleh 
 · mengatakan...

Komentar ini telah dihapus oleh pengarang.

Diposting oleh 
 · Admin mengatakan...

udah fix atau belum... ? :D

Diposting oleh 
 · mengatakan...

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Diposting oleh 
 · Admin mengatakan...

terimakasih..
btw, beberapa teman saya sering mencari & download anime di sana kok, karena speed download-nya cukup tinggi.. :)

Posting Komentar : Cara mudah mengatasi error Ampersand HTML5 di W3C

Baca dulu Peraturan Berkomentar di Blog Ini ! Supaya komentar anda tak sia-sia. Admin sangat senang jika tidak ada komentar yang mengandung spam :)

.::Peraturan Berkomentar::.

• Gunakan bahasa dan kata-kata yang sopan dan tidak menyinggung semua pihak manapun, baik ketika dilihat anak kecil maupun orang dewasa.
• Usahakan untuk tidak menggunakan kata-kata yang menyinggung RAS, SARA, dan berbau P*RNO.
• Dilarang menaruh link Aktif di dalam kotak komentar.
• Berkomentar Out Of Topic atau Oot saya perbolehkan apabila komentar tersebut berupa pertanyaan penting, asalkan tidak berlebihan dan tidak berbau SPAM!

Komentar akan dibalas paling lambat 3 hari kemudian. Terimakasih atas perhatiannya.
Widgets
Lisensi Creative Commons
Copyright © 2012 . Simo Responsive Template Design oleh . Publisher oleh Shizenku Blog.
Powered by Blogger and AMP ⚡ HTML