posting valid htmlHalaman Posting Valid HTML5 - Pada artikel sebelumnya saya sudah menjelaskan bagaimana cara membuat blog valid HTML5. Dengan tutorial tersebut blog sobat sudah bisa 100% valid HTML5, namun masih terbatas pada halaman muka (homepage). Sejauh yang saya ketahui, beberapa pembuat template yang tersebar dengan embel-embel valid html5 pun kebanyakan hanya sebatas homepage saja.

Masih banyak hal yang harus dilakukan, agar blog valid di halaman posting. Saat ini akan saya coba rinci satu per satu. Bagi sobat yang akan melakukan validasi, saya sarankan jangan tergesa-gesa, santai saja dan lakukan dengan tenang.

Dibawah ini, hal-hal yang perlu diperhatikan agar halaman posting valid HTML5.

Breadcrumb

Saat ini sudah banyak tutorial tentang breadcrumbs yang SEO friendly, tapi kebanyakan masih menggunakan markup rdfa, untuk membuatnya valid html5 sobat harus menggunakan markup microdata. Silahkan kunjungi :  Breadcrumbs SEO Friendly dan valid HTML5

Gambar / Image

Apabila sobat mengupload gambar pada postingan, biasanya akan muncul kode seperti ini (pada mode HTML)

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XJW14wKp0n4/Ujs4FVUJRrI/AAAAAAAAFgs/s_wh3yLA0Yw/s1600/abstract2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="177" src="http://2.bp.blogspot.com/-XJW14wKp0n4/Ujs4FVUJRrI/AAAAAAAAFgs/s_wh3yLA0Yw/s320/abstract2.jpg" width="320" /></a></div>

hapus imageanchor="1", dan ganti border="0" dengan alt="keterangan gambar".

Intinya, ketika menyimpan gambar pada postingan atau widget, jangan menggunakan border="0". Hal yang wajib ditambahkan adalah alt="keterangan gambar" lebih bagus lagi menggunakan tag title. Sebagai contoh menampilkan gambar yang baik:

<img alt="ipad4" src="http://blogspot.com/ipad4.png" title="Ipad Terbaru"/>

Tombol Like / Share

Gunakan tombol Like Facebook / Twitter / Google Plus yang valid HTML5. (baca tutorial : Membuat Tombol Twitter, Google +1, dan Like Facebook Valid HTML5)

Related Posts

Ada beberapa script yang saya temui pada related posts ini error vaidasi. Diantara penyebabnya adalah karena label menggunakan 2 kata atau lebih seperti Tutorial Blogger, dengan kondisi seperti itu, membuat white space yang seharusnya Tutorial%20Blogger. Bagi sobat yang menggunakan script ini, saya sarankan untuk membuat label hanya dengan 1 kata saja. Apabila sudah banyak label dengan 2 kata atau lebih, silahkan gunakan Related Posts Valid HTML5.

Widget

Untuk validasi widget sebetunya sudah dibahas pada artikel yang lalu. yang pasti selalu menghapus <b:include name='quickedit'/> setelah menambah widget baru.

Ada hal lain yang harus diperhatikan yaitu ketika menambah kode pada widget, banyak tutorial yang menyatukan antara kode CSS, HTML dan JavaScript di widget. Misalnya kode Recent Post dengan Avatar, Blog Pager menjadi Judul, dll.

Sebagai gambaran seperti ini :

<style type="text/css">
.home-link{display:none} #blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;} #blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style>
<script type="text/javascript">
$(document).ready(function(){ var olderLink = $("a.blog-pager-older-link").attr("href"); $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { var olderLinkTitle = $("a.blog-pager-older-link").text(); $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt });
</script>

Kode <style type="text/css"> inilah yang menyababkan error, untuk solusinya tambahkan scoped atau scoped='' atau scoped='scoped'. Inilah yang dinamakan Boolean Attribute. Maka kode yang benar menjadi :

<style type="text/css" scoped>

Komentar

Inilah penyumbang error terbanyak pada validasi. Dengan menggunakan komentar standar blogger, akan susah melakukan validasi. Oleh karena itu, untuk membuat halaman posting menjadi valid HTML5, ada 2 alternatif yang saya tawarkan :

1. Gunakan Komentar Google Plus; atau
2. Gunakan Threaded Comments Hack

Apabila sobat menggunakan Thread Comments Hack Valid HTML5, ada beberapa langkah yang harus sobat lakukan dalam validasi html5 ini.

1. Cari semua kode yang seperti di bawah ini (ada beberapa kode)

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' scrolling='no' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

hapus kode-kode berikut ini :

- allowtransparency='true'
- frameborder='0'
- src=''
- scrolling='no'
- width='100%'
- style='display: none'

2. Cari kode seperti ini :

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

ganti dengan :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/>
</b:if>

Untuk kekurangannya, Insya Allah menyusul. Semoga bermanfaat....

140 komentar

yezzz setelah sekian lama kedapatan juga kang pertamax :D :D

Balas

Pokoknya yang berbau Valid HTML 5 hantam saja Kang biar para pencari Valid HTML 5 puas sepuas-puasnya... :D Blogwalking dengan semangat untuk mendapatkan berkah di blognya Kang Ismet.. :)

Balas

mantep kang, langsung di pretekkan :)

Balas

pagi2 sudah jumpa penampakan serem hehehe.. @@,

Balas

wkwkwkw.... biasanya pake solar ya :)

Balas

siap kang agung.. hajaaaar bleh :)

Balas

xixixi..masih sereman blogmu jeng :)

Balas

sepertinya saya harus liat-liat lagi nih kang, jangan-jangan belum pada palid eh valid HTML kang hehe....haturnuhun kang

Balas

sok mangga kang.. ditalungtik heula blogna :)

Balas

dapet hadiah ya masss kalo valid html5 ??

Balas

makasih ya gan buat tuutornya... :)

Balas

saya pribadi dapet.. nongol terus dihalaman 1 google kan masalah validasi? :p

Balas

nach mantap nie kang ismettutorialnya :) :-d

Balas

oh iya kang hampir lupa apa ada tutorial untuk membuat likebox seperti disini kang soalnya mau belajar :)

Balas

widiih, tambah ilmu terus niih dari kang ismet ..
taop banget dah ..
teruskan om ..

Balas

saya contohkan seperti pada tombol kecil dikomentar ( Term ) kang :)

Balas

ooo itu.. lightbox evolution, saya ambil tutorialnya di blog om-dayz

Balas

bisa dikasi linknya ngak kang saya mau belajar..

Balas

Validasi HTML5 terus artiklenya, Mantapp..
nanti Validasi CSS3 ya kang. haha

Balas

makasih ya,lumayan nie yang error pada berkurang banyak..jadi tinggal 6 biji..
bermanfaat banget,hehehe :D

Balas

sob sekali-kali mampir ke blog saya yah : http://bmaster23.blogspot.com/2013/09/cara-mendownload-bbm-for-android-apk.html

Balas

kang mau ralat...
ketika saya mencari kata responive pada search akang, benar sudah pas apa yang mau saya cari..

tapi ketika saya membuka pada page 5 dan 6 kok isi content nya sama dengan yang ada di page 4 dan page 5 dan 6 hilang ketika mengklik page 5 dan 6

mohon ditindak lanjuti itu apa ada kesalahan pengeditan atau koneksi saya yang kurang hebat ya....

Balas

Kang, maaf saya bertanya diluar inti postingan ini, saya ingin bertanya, mengapa blog saya tidak SEO 100%, padahal saya sudah mengikuti semua tutorial agar blog seo 100%, tapi setelah saya mencoba seo saya tetap 76%, bagaimana yah kang ?

Keren postingannya kang :D , lumayan komplitin HTML5 di blog saya, nuhun kang :)

Balas

cari aja di om gugle ada ko

Balas

blom berani sob.. blog ini aja blom valid css3 :(

Balas

harus ngacak2 google custom searchnya sob :)

Balas

tah h1 dan h3 masih zero... isi juga keyword dan deskripsi blog

Balas

blog ane juga g seo..
apa yg musti di seo kn lg?

Balas

Kang, errornya udah 7 terus warningnya udah 2, tapi udah susah kang, padahal udah nerapin treaded comment + breadcrums yang valid html5 itu :(, boleh minta bantuannya gak kang ?

yang blog ini kang http://www.mestiqui.com/

Balas

saya cek udah valid sekarang :)

Balas

Kalau udah kerja keras pada proses validasi di halaman homepage, saya kir nda akan terlalu rumit lagi untuk proses validasi di halaman posting. Contohnya seperti ini. Sekali lagi terima kasih Kang... :D
https://lh3.googleusercontent.com/-qrOERhYlDPw/Uj5U4KGQBmI/AAAAAAAAHbE/QsrJyq7zwoQ/s937/Postingan%2520Valid%2520HTML5.jpg

Balas

sama2 sob.. congrats deh :-d

Balas

Kang, kata mas Wawan dia gak pake kode tab view pos dan koment . pantes saya gak valid - valid, dia pake " Yg saya gunakan ini bukanlah TAB, tapi tombol/button yg memunculkan komentar dan postingan pada saat diklik, untuk tutornya sobat bisa kesini http://de5ain.blogspot.com/2013/06/memanggil-elemen-css-menggunakan.html " . tapi saya bingung cara masangnya :(

Balas

coba tanya aja di de5ain.blogspot.com, saya coba demonya ga jalan

Balas

Apakah ada Tutorialnya kang ?

Soalnya setiap saya cari, postingannya selalu HOAX, ( Tidak meningkatkat jumlah score SEO, dan tidak memperbaiki h1 yang Zero )

Balas

Maaf kang saya bertanya terlalu banyak, saya hanya ingin bertanya sekali lagi, sayakan men-download template dari templateify.com , dan saya ingin menghapus kata DESIGNED BY TEMPLATEIFY, dan setelah saya menghapusnya, saat saya melihat keblog saya, otomatis blog saya tertuju pada templateify.com , yaa dengan terpaksa saya harus menggunakan kata diatas tadi. apakah ada caranya kang ? untuk menghapus kata DESIGNED BY TEMPLATEIFY tapi blog saya tidak tertuju pada templateify.com?. terima kasih kang telah memberikan postingan yang berkualitas dan bermanfaat :)

Balas

Ini blog saya mas, http://berilah.blogspot.com

Balas

banyak yang harus diatur lagi, mungkin karena tag kondisional atau apa.. H1 sampai 14 saya liat di CHKME. Untuk menghapus bisa aja, dengan mengedit JS. Saya tidak mau tau masalah ini, karena saya juga pembuat template. Ketika template digunakan oleh orang lain, saya ga suka kalau credit dihapus. jadi gimana?

Balas

Ohh OK kang, saya biarkan saja kata Designed By Templateify, sebagai terima kasih atas templatenya :D, tapi saya belum mengerti untuk permasalahan SEO ini..

Balas

O iya Kang mau nanya nih, ada nda tutorialnya cara memasang icon share pada blog yang tidak ada embel2 js nya trus valid html5 cos icon share yg saya pasang di blog saya saat ini agak berat loadnya. Sapa tau ada cara lain supaya loadingnya jadi cepat...

Balas

kang yang syntax dikomentar gimana kang? saya coba dengan

<script type='text/javascript'>
//<![CDATA[
$('.comment_body p').each(function () {
$('i[rel="pre"]').replaceWith(function () {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
});
//]]>
</script>


tetap gk bisa? bravoseo.blogspot.com

Balas

coba dengan ini :
//<![CDATA[
$("#comment_block").each(function(){$('i[rel="pre"]',this).replaceWith(function(){return $("<pre></pre>").append($("<code></code>").append($(this).contents()))});$('i[rel="code"]',this).contents().unwrap().wrap("<code/>")});
//]]>

Balas

ga bisa sih sob.. pasti ada embel2 js nya.. kalau ga pake js ya iframe, tapi ga valid sama jelek buat SEO

Balas

kalau saya pake ini http://blog.kangismet.net/2013/08/memasukan-gambar-youtube-kode-pada-komentar-blogger.html

Balas

Sebelumnya saya pake icon share yang tidak ada embel2 js nya tapi saya udah remove coz nggak bisa saya validkan di html5. Sapa tau Kang bisa bantu untuk memvalidkan kode icon share tsb ke html5..?? Ini kodenya Kang :
<span>Share This Article :</span>
<ul class='social' id='sb'>
<li class='google'><a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=626,width=750&quot;);return false;' rel='nofollow' target='_blank' title='Share this on Google+'/></li>
<li class='twitter'><a expr:href='&quot;https://twitter.com/intent/tweet?original_referer=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;tw_p=tweetbutton&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;via=agoengtalaga1&quot;' rel='nofollow' target='_blank' title='Tweet This'/></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;); return false;' rel='nofollow' target='_blank' title='Share this on Facebook'/></li>
<li class='stumbleupon'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Add this to Stumbleupon'/></li><li class='digg'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Digg this'/></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Add this to Delicious'/></li><li class='reddit'><a expr:href='&quot;http://www.reddit.com/submit?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Add this to Reddit'/></li>
</ul>

Balas

saya tes ga keluar di blog saya.. dicoba2 aja sob

Balas

mungkin gagal karena, lupa menambahkan class i[rel="pre"] pada CSS Syntaxnya. :D

Balas

Akhirnya di post juga, babari nya kang henteu hese ciga Validasi HTML5. Ampun masalahan Validasi mah, kedah seueur naros ka ahlina. :D

Balas

Kang ismet tolong dibantu, kurang 2 error lagi :(
alamt rizaldi-do.blogspot.com kang ismet... cara menjadikan & menjadi amp bgmna ?
matur nuwun

Balas

itu masalahnya bukan & ko.. script yang berada antara head dan body

Balas

solusinya bagaimana kang ? soalnya script yang membuat gagal valid html5 saya ndak tau ? mohon bantuanya kang ..

Balas

blog saya masih ada error 5 biji kang, perlu perbaikan lagi deh -_-

Balas

hehe.. silahkan diperbaiki lagi :)

Balas

siap belajar validasi html5 ah :D

Balas

om... kenapa kok setiap aku bikin postingan pasti error nya nambah???
padahal seo sudah 100%

Balas

Gosok terus kang... sampai bener2 valid
Selalu ditunggu tutorialnya

Balas

coba cek gambar yang diupload.. udah sesuai aturan blom

Balas

kira kira memperbaikinya gimana ya,,muncul ini yang eror

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…

Balas

Alhasil behasil hardcoding cuma gara2 karakter & diganti jadi & :D

Balas

kalau bisa URL mas, bias saya liat error line nya

Balas

kang nih blog ane kok gak validnya di image yah??

ohh ya kang ane pengin yg lasung praktis upload langsung jadi dan langsung valid gimana yah??
tanpa harus <img alt="ipad4" src="http://blogspot.com/ipad4.png" title="Ipad Terbaru"/> biar lebih praktis gitu

Balas

Wah kang makin bagus ajah nih template nya :D

Balas

Thanks atas tutorialnya, sangat bermanfaat, dan salam sukses:)

Balas

Pasti bermanfaat Bos Ismet.
Ditunggu update-nya

Balas

Ternyata bos Haikal nyasar juga di halaman ini dan kayaknya lagi nyari2 tutorial untuk memvalidkan blognya ke HTML5 ya, bos? :D

Balas

:v Kang Untuk Model Sitemap HTML5 responsive yang keren ada gk kang.....
Soal nya Sitepmap html5 responsive yang lain pada gk beres smuanya.
ada pun sitemap html5 responsive yang beredar , polos amat. jadi gk menarik untuk dilihat
mohon respone nya yah kang . salam #PALMAHUTABARAT :)

Balas

Penting buat blog saya nih Kang simak
Dan terapkan langsung. terima kasih Kang

Balas

sudah diikuti semuanya kang, cuan tinggal satu yang gak bisa nih? masih keluar pesan
No p element in scope but a p end tag seen

apa lagi yang kudu dicari ya???
url di http://www.hbr-online.com

Balas

Alhamdulillah kang, sudah valid semua dari homepage sampe postingan, cuman postingan awal masih ada yang error karena gambr... Hatur nuhun...

Salam hangat dari balikpapan.

Balas

sama seperti punya saya mas karena gamabr semuanya -_- kesel deh

Balas

wah, ternyata errornya malah lebih banyak di halaman postingannya ya kang. walaupun tadinya sudah valid.

di tunggu kunjungan baliknya kang http://alajato.com/
:D

Balas

Maksih kanng ismet :D,ngebantu banget buat saya yg baru belajar,Mohon bimbingannya kang hehehhe

Balas

saya udah mencoba menerapkan penggunaan Boolean Attribute seperti pada tips di atas namun tetap tidak mau alias masih menandakan error,

Balas

kalau di ItuGosip... boolean attributenya sudah fix kayaknya, tinggal yang lainnya

Balas

Kang, saya mengalami banyak error "Attribute kind not allowed on element div at this point." yang mengharuskan untuk menghapus tag name kind. Namun permasalahannya kode dari blogspotnya hanya ini bagaimana saya mengakali nya? apa kang ismet pernah ada sprti itu? mohon bantuannya kang.

Balas

ya kang ane coba coba akhirnya berhasil padahal udah hampir putus asa, thanks kang atas tutorial ini saya banyak tahu jadinya sekarang tentang html5 ini

Balas

okey.. congrats deh sob... :-bd

Balas

Koq pertanyaan ane gk di jawab kang?

Balas

maaf kelewat.. saya baca dulu ya :D

Balas

yang artikelisasi bukan? saya liat udah passed ko sob

Balas

Bukan kang, tp ini flatpremium.blogspot.com/2013/12/rd-ingin-pemain-lebih-efisien-dalam.html

Balas

Gmna kang? sudah nemu sulusinya? :D

Balas

sebetulnya solusinya sudah saya tulis di atas, itu karena komentar standar blogger. apabila ingin 100% valid harus menggunakan komentar Google+ atau Threaded Comment Hack

Balas

KANG SAYA ada masalah validasi html5 pada validasi kode & yang seharusnya di ubah menjadi & saya tes di w3 tinggal validasi& tapi sudah dicari gx ketemu itu nyarinya dimana saya cari di template gx ada
butuh solusi

Balas

Kang, ini solusinya bagaimana?
Line 942, Column 71: & did not start a character reference. (& probably should have been escaped as &.)

…nt-iframe.g?blogID=5165916540263085140&postID=5732509798227655125' id='comment…

Balas

cari kode ini dan hapus
<b:include name='quickedit'/>

Balas

cari semua kode <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> kemudian ganti dengan <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
maaf kang, saya cuman mau bantu aja hehe :)

Balas

Waahhh... langsung sukses gan, makasih banyak yahhh... :)

Balas
Komentar ini telah dihapus oleh pengarang.

Satu lagi kang... ini cara betulinnya bagaimana???

Line 629, Column 23: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.
<a name='comment-form'></a>

Balas

udh dihapus tetap ajh gx bisa

Balas

kalau yg begini gimana
Line 941, Column 82: & did not start a character reference. (& probably should have been escaped as &.)

…m/rearrange?blogID=8097032622518101615&widgetType=Followers&widgetId=Followers…


udahdi cari di temnplate gx ada cari yang mana ?

Balas

Itu widget follower, coba cari di blog sini atau di gugel, widget follower valid html5. Nuhun kang :D

Balas

Nah sekarang saya tanya nih kang.. :D
masalah di comment thread, nih kang.. [link]http://validator.w3.org/check?uri=http%3A%2F%2Fblueflat.blogspot.com%2F2014%2F01%2Fhello-world.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&No200=1&verbose=1&st=1&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices[/link]

Balas

Kang, saya mau tanya, pungsi kode dibawah ini buat apa kang ? kalo di HTML 5 bisa nggk di terapkan biar valid?
atau harus ditulis <HTML> doang? @@,
<HTML expr:dir='data:blog.languageDirection'>

Balas

kang kalo perbaiki yang kaya gini gimana kang ? mohon bantuannya kang,, *newbie . .
https://lh6.googleusercontent.com/-7ZTpQYRkyXI/UtKCV3kcttI/AAAAAAAAAuE/6bTa1tnYvd0/w500-h200-no/errorvalid.jpg

Balas

biasanya salah penempatan script, seharusnya di atas </body> atau </head>

Balas

Thank you mas, inspiratif ini blog,,,,,,

Balas

tambah mumet lek
http://sweetbullshits.blogspot.com/

Balas

Ternyata hal kecil bisa berpengaruh besar.. Homepage dah valid tp postingan belom valid hanya karena beberapa elemen. & menjadi &

Balas

Maaf kang saya koment artikel cara membuat blog valid html pada homepage di artikel ini kerena pada artikel tersebut menggunakan kotak komentar g+, g+ saya bermasalah dengan kebijakan nama jadi saya belum bisa berkomentar di artikel tersebut.

Mau nanya ni kang, kenapa ya stelah saya hapus kode-kode sesuai perintah diatas, lalu saya pratinjau saya lihat aman-aman saja, trus saya save. tapi kenapa ya mas setelah saya tutup edit template, lalu saya buka lagi kode yang saya hapus tadi nongol kembali, alias kembali seperti semula, untuk sobat blogger yang lain jika tidak keberatan coba lihat kembali kode-kode yang dihapus sesuai petunjuk yang diberikan kang ismet di atas, jika kode template blogger sobat yang dihapus tersebut tidak kembali seperti semula, berarti ada masalah dengan template saya, dan jika sobat tidak keberatan mari kita diskusikan permasalahan ini, contoh kode yang kembali seperti semula alias nongol kembali pada template seperti :





div class='post-share-buttons goog-inline-block'>...sampai...div

Balas

misi kang, numpang nanya kalau error satu ini gimana?
http://prntscr.com/2yy6f6
makasih sebelumnya kang :D

Balas

Coba bantu jawab aja yah kang...
rubah character & pada baris 30 kolom 128.
kl yang saya liat sih ada di

<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8474408940953096697&zx=c9520aae-ac48-4e74-94ab-273bdffd1e7b' />

jadi rubah charracter yang ada pada code di atas dengan &a-mp; << hilangkan tanda "-" karena di sini jg langsung k konversi :D
CMIIW...

Balas

kang terima kasih atas tutorialnya, ini sangat membantu saya
tetapi saya masih ada masalah kang
mohon bantuannya memberikan solusi di http://validator.w3.org/check?uri=http%3A%2F%2Fpeluangbisnisberjangka.blogspot.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&No200=1&verbose=1&st=1&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices
terdapat 3 error, antara lain:
- Line 20, Column 123: Bad value application/rsd xml for attribute type on element link: Expected whitespace or a semicolon but saw x instead.
- Line 1949, Column 31: script element between head and body.
- Line 1949, Column 31: Cannot recover after last error. Any further errors will be ignored.

Balas

itu js nya ada di antara </head>disini<body> salah paste x yah? -_-
coba naikin dikit...

Balas

makasih kang artikelnya sangat bermanfaat :-d

Balas

kalau saya ubah di atas atau bawah script nya malah errornya makin banyak
bagaimana menurut Anda? bisa bantu?

Balas

informasi yang sangat bermanfaat, ditunggu kunjungan baliknya http://tutoriallengkapcoreldraw.blogspot.com/

Balas

bang, agar komentar bisa valid sama kode2 python gimana yah??
http://python113.blogspot.com/

Balas

kwek, kwek, kwek..hik...gakpapa kalo kode error pertama hilang, mending ulang lagi daripada gak valid- valid...

Balas
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.

tulisan name='comment-form ganti dengan href='#comment-form

Balas

Sorry kang, sepertinya masih 2 Errors, 1 warning(s), pada halaman ini,
//validator.w3.org/check?uri=http%3A%2F%2Fblog.kangismet.net%2F2013%2F09%2Ftips-membuat-halaman-posting-valid-html5.html%3Fm%3D1&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=1&No200=1&verbose=1&st=1&user-agent=W3C_Validator%2F1.2#jumpbar

:)

Balas

Kang, kalau kesalahan ini gimana ya cara fixnya ?
Line 459, Column 68: Attribute xmlns:v not allowed here.
div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#

Line 459, Column 68: Attribute with the local name xmlns:v is not serializable as XML 1.0.
div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'

Line 587, Column 23: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.


Line 590, Column 182: Bad value 100% for attribute width on element iframe: Expected a digit but saw % instead.
…t='410' id='comment-editor' name='comment-editor' src='' width='100%'>iframe
Syntax of non-negative integer:

Line 590, Column 182: The allowtransparency attribute on the iframe element is obsolete. Use CSS instead.
…t='410' id='comment-editor' name='comment-editor' src='' width='100%'>iframe

Line 590, Column 182: The frameborder attribute on the iframe element is obsolete. Use CSS instead.
…t='410' id='comment-editor' name='comment-editor' src='' width='100%'>iframe

Padahal Udah ikuti semua yang di atas. mohon pencerahannya kang. makasih :)

Balas

lah kok spam -_- padahal mau nanya kang :(

Balas
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.
Komentar ini telah dihapus oleh pengarang.

jadi bingung....:)
semua coment bilangnya ada link aktif.
happy blogging mas.

Balas

makasih kang... homepage sudah clear tapi singlepage masih dinyatakan banyak error.. minta petuahnya kang.. update lagi artikelnya...

Balas

Akang punten bade naros..
Tinggal 1 wungkul..

No p element in scope but a p end tag seen

Kudu dikumahaken siga kitu teh kang ?

Balas

Sangat membantu mas, namun saat mencoba pake

style type="text/css" scoped

template tidak bisa menyimpan, mungkin yang benar pake kode seperti ini:

style scoped='scoped' type='text/css'

Balas

Tutorial yang bagus.. semua sudah saya terapkan..
Hasilnya sekarang di homepage dan label sudah Falid html5.. tapi saat di halaman posting masih ada 1 error dan 2 warning...
untuk warning saya kira gak masalah masih bisa di toleransi.. untuk 1 error pada tag < /p> di bagian Comment udah capek di cari gak ketemu juga...

Mohon bantuan Kangismet untuk mencarikan letak kesalahan ada dimana..?? dan sekalian solusinya... karena 100% tutorial kangismet udah saya terapkan... link dimari operatorsekolah.net

Sebelumnya atas bantuan Kangismet saya ucapkan terimakasih.
Thanks jg atas tutorialnya...

Balas

Poskan Komentar


×
Chat