Cara Membuat Blog Valid HTML5 - Awalnya saya males belajar tentang HTML5 tapi mengikuti perkembangan zaman, akhirnya belajar juga HTML5. Jujur saya terkontaminasi oleh Bung Adhy Kompi Ajaib  :)

Apa itu HTML5? HTML5 adalah pengembangan dari versi sebelumnya, dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

HTML5

Perlukah web/blog valid HTML5? dari berbagai sumber saya temukan bahwa diantara keuntungan mevalidasi blog adalah :
  • 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.

Baguskah validasi Blogspot untuk SEO? Nah.. ini yang saya masih belum tau, kalau melihat alasan di atas tentunya baik, tapi kenapa vitur-vitur template blogspot itu sendiri belum valid HTML5. Saya tunggu pendapat sobat tentang validasi untuk SEO.


Cara Membuat Blog 100% Valid HTML5


Langkah 1 : Backup template sebelum melakukan editing.
Langkah 2 : Cari kode seperti ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

ganti dengan :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Langkah 3 : Ganti kode </html> dengan </HTML> (paling bawah di template)

Langkah 4 : ganti kode ini :

<b:include data='blog' name='all-head-content'/>

dengan kode di bawah ini :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

Langkah 5 : Ganti <b:skin><![CDATA[ dengan kode dibawah :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>

Langkah 6 : Hapus semua kode ini :

<b:include name='quickedit'/>

Setiap kali menambahkan widget baru, hapus kode di atas.

Langkah 7: Hapus semua kode ini (opsional)

<a expr:name='data:post.id'/>

Langkah 8 : hapus kode seperti ini :

<b:include data='post' name='postQuickEdit'/>

atau seperti ini :

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)

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

Langkah 10 : Ganti semua code & dengan &amp;

Sampai di sini, template sobat sudah bisa Valid HTML5 untuk Homepage. Akan tetapi pada postingan masih banyak error karena komentar blogger (kecuali komentar hack seperti blog ini). Mudah-mudahan saya bisa share cara mem-fix-an postingan.

Harap Diperhatikan


Kemungkinan dengan langkah-langkah di atas, blog sobat belum valid. Supaya menjadi 100%, silahkan perhatikan beberapa hal dibawah ini :

1. Selalu gunakan tag alt pada gambar, contoh :

<img alt="HTML5" src="http://2.bp.blogspot.com/-H1eAI5Oya4w/UhqgqupQnyI/AAAAAAAAFLw/uPEK6ueaL2Q/s1600/html5.png" />

2. Jangan gunakan border="0" pada gambar, sebagai gantinya tambahkan kode :

style="border:none"

atau CSS terpisah seperti

img{border:none}

3. Pada iFrame, jangan menggunakan frameborder="0" atau allowtransparency:"true" scrolling="no", sebagai gantinya gunakan kode :

style="border:none;overflow:hidden"

atau CSS terpisah seperti

iframe{border:none;overflow:hidden}

4. Pada tag a jangan menggunakan tag name seperti :

<a name='comment-form'>

sebagai gantinya gunakan id seperti :

<a href='#comment-form'>

5. Jangan ada dua id pada template.

6. Hapus kode <b:include name='quickedit'/> setiap menambah widget baru.

Artikel selanjutnya : Membuat Halaman Posting Valid HTML5

Semoga bermanfaat...

259 komentar

«Paling tua   ‹Lebih tua   1 – 200 dari 259   Lebih baru›   Terbaru»

Mungkin post ini membahas tentang validasi HTML5, ada satu lagi pertanyaan saya kang yaitu tentang jump link (read more blogger) agar valid HTML5...saya selalu memakai ini untuk mengatasi auto content blog kang seperti pada postingan saya http://www.kompiajaib.com/2013/03/cara-mengatasi-auto-content-blog.html (punten nyimpen link)...
Diantosan waleranana...

Balas

wah.. PR lagi nih.. kalau jumplink cuma 'warning' ya kang?,
untuk solusi error 'longdesc' cek lagi di komentar sebelumnya kang (komentar bertingkat mirip wordpress)

Balas

Ya kang...jump link memberikan warning pada validasinya...

Balas

kang, nanti kl mau memasukkan mis: kode alexaVerifyID atau kode msvalidate itu di atas kode ini [code]<meta charset='utf-8'/>[/code] atau di bawahnya?

Balas

ini mantep inpo hack kodena, tapi kalo untuk standaran code template display (default blogger coded) mah berani lah ngelakuin hack² di atas semua.
TAPI untuk yg customize template, kode brkt sangat berarti nih
<b:include data='blog' name='all-head-content'/>
Banyak lg kode2 and tag conditional yg memakai xml template customize memang harus ada dan tidak bs di hapus (pengalaman urang sih, teuing batur mah). Kalo di delete errot!
good good, keep cepilit :)

Balas

di bawah [code]<head>[/code] aja

Balas

tah.. eta nu bingung teh kumaha ngaruh ka SEOna.. edankeun kang ben ah :)

Balas

Satu lagi pekerjaan untuk CSS validatornya kang, coba di sini http://jigsaw.w3.org/css-validator/

Balas

alhamdulillah ane sudah semua :)

Balas

makasih inpohnya kang.. masih errooooooor :)

Balas

nice tutornya kang, ane bookmark dulu.. =))

Balas

Tah eta ge abdi bingung, saur kang Beben lamun menghapus kode [pre]<b:include data='blog' name='all-head-content'/>[/pre] ini dan tag conditional lainnya template jadi error. Tapi saya pakai template customize dan melakukan semua hal di atas justru tidak mengalami error

Balas

ok siip kang, makasih :)

Balas

Tak coba dulu neh Kang, sapa tau blog saya jadi valid 100% :D

Balas

ayo dicob.. dicoba.. gratis :)

Balas

Ijin BM dulu kang, nanti saya coba menvalidasi blog saya. Terima kasih sudah berbagi.

Balas
Komentar ini telah dihapus oleh administrator blog.

makanya banyak yang stress wkwkkwkwk :)

Balas

Hahaha jadi botak kepalanya kang hahaha....

Balas

gan bisa bantu saya gak? meembetulkan tread komentar saya
http://bmaster23-test.blogspot.com/2013/07/test-master.html?showComment=1377509290749#c4389797172885826608

Balas

saya gak akan terlalu terburu-buru menerapkan tentang HTML5 ini ..
sebelum benar-benar ada jaminan waktu dan inet yang stabil kang ...

Balas

Backup dulu deh. Mau pelan2 dicobain tipsnya.
Doain berhasil ya mas. :D

Balas

Hahaha, ajip kang. Punya saya valid cuma di homepage aja. :D

Balas

untung teu valid ka susukan oge :D

Balas

sok di du'akeun ku abah :)

Balas

Kang mohon di bantu, Gimana cara ngilangin error ini yang ada pada widget
[img]https://lh4.googleusercontent.com/-yf_T1t8Dqtg/Uhsw0O4i_GI/AAAAAAAADXE/eAFTiIIol3M/w719-h288-no/Capture.JPG[/img]

Balas

liat aja source code blog yang maudicontek CSSnya

Balas

hapus kode [code]</embed>[/code] tidak usah pake penutup. yang [code]<style>[/code] ganti [code]<style scoped='scoped'>[/code]

Balas

Yang style sudah oke kang tinggal yang Embed pada widget te tiasa di hapus pas di simpen aya deu.jadi bingund.

Balas

Kang, gimana buat widget biar valid HTML5?

Balas

Masih Bingung ...

Di Simpen Aja Dulu Kang..

Balas

Itu embed video youtube atau apa?

Balas

Jika itu video youtube di postingan, betul kata kang Ismet, hapus kode dan kasil tanda slash (/)pada ujung kodenya seperti ini ...width='300' /> setelah itu editor postingan jangan dipindah ke compose, masih dengan editor postingan HTML "Publish" postingannya. Udah saya coba barusan berhasil...

Balas

Ribet euy!
Saya nunggu kang Ismet bersedia bikin template yang 100% valid html5 ajalah :p

Balas

makasih tutorialnya gan masih belum tutup kan ruang untuk komment?

Balas

keren banget ini kang :D aku coba deh..

Balas

Itu kode widget Flash banner mas Adhi he,,,,,
Berilangkali di hapus mundul lagi muncul lagi.

Balas

cilaka lamun valid ka susukan mh, bisa gawat kang. Mola salamet. :D

Balas

Ditunggu tutor valid CSS3 nya, soalnya pengen valid CSS3. hehe :D

Balas

Coba pakai kode ini ki [pre]<embed src="http://ximg.us/upload/1374585459.swf" height="250" width="300"/>[/pre]

Balas

Beuh... blog saya juga belom vali.. :)

Balas

tinggal hapus kode [code]<b:include name='quickedit'/>[/code]

Balas

heheheh... belajar dikit2 aja

Balas

hehehe... ga tau kapan :)

Balas

waow, ternyata blog ini sudah valid html5, siap menyusul kang :D

Balas

silahkan... ditunggu di terminal wkwkwkkwkw

Balas

saya naik kereta kok kang biar lebih cepet :D
ada masalah ni kang, saya nggak bisa ngatasin yg ini
[catatan] Line 534, Column 15: Bad value for attribute src on element script: Must be non-empty.[/catatan]
mohon bantu di cek kang di http://validator.w3.org

Balas

bingung juga dimana ya? harus masuk ke dalem template sih...

Balas

masuk ke template johny wuss aja kang, permasalahannya sama..
soalnya saya jg pernah coba validasi johny wuss, cuma 1 itu errornya

Balas

Artikel sangat membantu yeuh.. Kang setelah saya cek ternyata template
Blog saya banyak yg error,. kalau di edit bener gk ya..? apa ganti template
Blog saya apa gimana yah Kang,.coba di cek di http://karristaent.blogspot.com

Balas

coba2 aja.. jangan sering ganti template :)

Balas

kang, sudah saya coba. Tapi masih keluar seperti ini [img]http://4.bp.blogspot.com/-FPwZyy6FhQc/UhuSccE-XqI/AAAAAAAAA8U/n7orp8AxkEM/s1600/errors.jpg[/img]
mohon bantuannya

Balas

Muhun Kang.. hatur nuhun atas masukana,..
Seueur pisan jumlah nu eror na..bade gentos wae templatna
Nu tos vadil htm5/css seperti blog punya Kang Ismet

Balas

silahkan hapus kode ini

<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>

Balas

Mantab...sudah valid ...kang Ismet memang jempol

Balas

Memang mantap kang, apa lagi kalau templatenya sudah valid html5.... Pastinya lebih enak kan, !

Balas

HAHA Iya....

Oya Kang Mau Tanya... !!

Kenapa Ya Alexa Blog Ku Kok Naek Terus Ga Turun Dari 300 An Sekarang malah 360 An.

Apakah Akang Juga Begitu .. ??

Balas

Mas Mahfid masih inget kodenya hehehe...

Balas

Wew, nih yang gw cari"
Thanks sob atas infonya ...

Balas

Kang saya setelah mengganti semua code & dengan &
Artikel saya ko hilang?

Balas

bisa bantu bagian ini kang?

http://html5.validator.nu/?doc=http%3A%2F%2Fbravoseo.blogspot.com%2F2013%2F08%2Fefek-smooth-scrolling-pada-komentar-blog.html&showsource=yes

Balas

Oh iya 1 lagi kang, setelah saya pake thread comments kok bagian Pages tidak ada Komentarnya? Saya sudah Cek mash bagus2 aja :(

Balas

Ada beberapa error :
[pre]img src="http://img1.blogblog.com/img/blank.gif" width="35" dst....[/pre]
solusinya disini :
http://blog.kangismet.net/2012/12/komentar-bertingkat-seperti-wordpress-v2.html?showComment=1377492405417#c5857867689796244095

[pre]<a name='comment-form'>[/pre]
hapus aja di template

[pre]<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'>[/pre]
hapus [code]allowtransparency='true'[/code], [code]src=''[/code], [code]frameborder='0'[/code]dan [code]width='100%'[/code]

Balas

untung ada para mastah... saya cari kodenya ga nemu :D

Balas

Kalo template Kang Ismet yang Super SEO itu udah valid HTML5 blm Kang? dan cara check nya gimana Kang?

Balas

Yang dihalaman gimana kang? saya sudah berekperimen melepas thread commentsnya muncul komennya...

contohnya .http://bravoseo.blogspot.com/p/tukaranan-link.html

Balas

terimakasih banyak mas mahfid, kang adhy dan kang ismet..
sudah teratasi :)

Balas

Pasti agak ribet juga ini kang buat blog kita valid html 5,saya gini aja dah Kang blognya :)

Balas

sebelunnya ijin oprek templat Zikazev Blue kang, guna mempraktekan tutor di atas

Balas

wah pusing jga ya. tapi bermanfaat. lebih detail
terima kasih kang

Balas

bener2 susah kang, sepertinya saya harus lebih banyak belajar tentang HTML ..

Balas

Tag blogger yang kurang ramah membuat blogspot agak sulit untuk tervalidasi. Selain cara di atas, saya cenderung lebih senang menggunakan tag classic agar halaman blogspot dapat tervalidasi secara formal, selain itu tag classic saya nilai lebih efektif, tapi jarang sekali blogger yang menggunakan tag classic mungkin karena tidak begitu familiar.
*Oh ya Kang halaman postingan blog ini masih ada error, kayanya lupa ngasih attribute alt. Makasih udah posting tentang validasi ;)

Balas

oh iya ya.. baru kepikiran. thanks sob.. nanti saya coba2.. iya masih ada error... saya lupa belom robah JS manipulasi komentar

Balas

makasi infonya kang. .tapi tadi ane praktekan pada blog ane koq ada tulisan errornya ya di atas header?? terpaksa dah ane ganti template lagi. .

Balas

kayaknya ada tag kondisional.. soalnya saya coba bisa ko. pake template 'cemungudh' kan?

Balas

coba gantinya satu persatu save dulu, ada yang kelewat biasanya

Balas

yang ini ilmu tingkat tinggi kayanya,harus pelan pelan nerapinnya :D
samentawis mah dikandangan heula kodena kang...

hatur nuhun ..

Balas

saya pernah mencobanya, tapi tetap selalu ada kode yang error. semoga para blogger pemula seperti saya tak kebingungan dan stres hehe :D

Balas

Lain kali jangan bicara botak ahh..jadi tersungging...apa kagak ngeliat rambut saya sudah mundur kebelakang he he eh

Balas

kalo valid bagian postnya juga gimana ya xD

Balas

belom sob... itu ada di atas :)

Balas

sok mangga kang... kade ulah hilap diparaban :)

Balas

yang ini.. valid ngga ya halaman postnya????
[link]http://validator.w3.org/check?uri=http%3A%2F%2Fblog.kangismet.net%2F2013%2F08%2Fcara-membuat-blog-valid-html5.html[/link]

Balas

kang ismet,cara valid di bagian post yang breadcrumb gimana? ._.
juga ngatasi atribut span itu gimana ya? ._.

Balas

dibagian mana kang? Bisa bantu gak belum ngerti strukturnya :(

Balas

Oh iya sama ini kang.. kok belum bisa ya saya terapkan?

[pre]<script type='text/javascript'>
//<![CDATA[
var avatar=$("#comments");
avatar.find('.avatar-image-container img').each(function() {
var ava = $(this).attr('longdesc') ? $(this).attr('longdesc') : $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s65-c/")).removeAttr('longdesc width height');
});
//]]>
</script>[/pre]

Balas

htmlnya pernah di edit ga? atau standar? untuk script ganti ini :
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});

Balas

manteb kang...sukses selalu blognya

Balas

mantab kang ismet,,,, terimakasih tutorialnya
salam kenal dari : http://meubeljeparaasli.blogspot.com/

Balas

mantep kang, kin di cobian ah supados valid html 5.
pami teu sadayanan di robih teu nanaon kang? ngan ngarobih sababaraha langkah hungkul??

Balas

teu sawios kang... mung moal 100% validna

Balas

maafnih kangismet, yang STEP 9 tuh adanya cuman <div class='post-share-buttons
dan Kode & sangat banyak diblog, emang harus diganti yah??

Balas

bang yang step 5 kayak gimana? kok gak sama yah sama punya si abang??

Balas

Yang error aja, kalo semua entar error :D Template tumbal saya mengalaminya :)

Balas

sampai kode [code]div[/code] itu tombol share dari blogger

Balas

semua template pasti sam mempunyai [code]<b:skin><![CDATA[[/code]

Balas

liat informasi lamannya simas dan punya saya (www.hot-update.com) , yang step 5 gak mirip punya saya sama punya si akang!!

Balas

ijin pamer wkwkwk, maap bang, cuma canda

http://validator.w3.org/check?uri=http%3A%2F%2Fdamzaky.blogspot.com%2F2013%2F07%2Fhow-to-edit-bloggercom-htmltemplate-on.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Balas

@Angwyn : peringatannya kaya gimana?
@DamZaky : punya saya juga valid.. ga nyombong :)

Balas

kebenaran tagging template yg ente dapet gak error itu mah, sok tanya ke sobat yg lain pernah ada yg ngalamain photo komentator gak muncul???
itu salah satu krn nge delete kode itu

Balas

gara2 postingan kang ismet ini saya jadi tambah berkerut dan tua, nyerah deh...

Balas

BLOG punya Kangismet pake Widger friend connect ( Follower ) tapi bisa passed.
Gimana kang caranya? :D

http://masgober.blogspot.com

Balas

ganti dengan kode lain cek disini :
[link]http://blog.kangismet.net/2013/08/modifikasi-tampilan-widget-followers-gfc.html[/link]

Balas

wahh thanks kang tipsnya... buat nambah nambah valid template nih..

Balas

Ya... Allah Kang Ismet code & banyaaaaaaaaaakkkkkkk banget.... ;)

Balas

Kang, ini errornya tinggal 1 aja :) tapi gak bisa diilangin, ini kira2 gimana kang cara ngatasinnya ?? (http://validator.w3.org/check?uri=http%3A%2F%2Fmestiqui.blogspot.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0) mohon bantuannya kang :)

Balas

Oh, maaf kang, setelah saya utak atik ehh ternyata bisa :D :D :D

Balas

Oh Iya kang, lamun henteu valid html5 malahan error na seueur pisan, bakal aya efek naon kana blogna tah? :D

Balas

Untuk blog kang ismet sangat sulit untuk falid css3 kang karena kang ismet mwenggunakan Font awesome yang saya lihat paling banyak membawa error andai saja bisa edit script nya sayang gak punya hosting sendiri buat nyimpen file

Balas

moal nanaon sih :) cuman kadang ada beda tampilan ketika dibuka di browser lain

Balas

iya sob.. mau coba dipindah ke GD males :)

Balas

sama2 sob.. ditunggu artikel terbarunya

Balas

iya kang terlalu banyak minum air aqua tuh jadi mabok :v

Balas

kang, saat saya upload gambar ada warningnya tambah tapi tidak eror seperti dibawah ini:

Line 1133, Column 177: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.

…ACM/pGaV81DHeZs/s72-c/Cara+Memasang+Emoticon+Komentar+di+blog.png' width='72'/>


Warning Line 1145, Column 150: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.

…aUVpp0/UiMa3nUIs4I/AAAAAAAAABY/aE6gyBPsFzo/s72-c/cara+cek+seo.jpg' width='72'/>

bagaimana solusinya kang???

Balas

pada gambar jangan menggunakan border:0 hapus kode itu ganti dengan CSS style="border:none"

Balas

tujuh sama satu lagi kang..
kira-kira apanya ya?
Udah pusing ngutak-ngatik html tapi masih ga valid juga :p
Mohon pencerahannya kang.

http://validator.w3.org/check?uri=www.nulispost.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Balas

1. [code]<b:include name='quickedit'/>[/code] ada yang belum ke hapus di widget Attribution.

2. Pada widget Recent Comment :
- ganti [code]<style type="text/css">[/code] menjadi [code]<style type="text/css" scoped="scoped">[/code]
- ganti
[pre]<script type="text/javascript" src="http://www.nulispost.com/feeds/comments/default?alt=json&callback=sakahayang_recent_comments&max-results=20"></script>[/pre]
menjadi
[pre]<script type="text/javascript" src="http://www.nulispost.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&amp;max-results=20"></script>[/pre]

Balas

Empat lagi kang :(

http://validator.w3.org/check?uri=www.nulispost.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Balas

walah... saya cek malah jadi tambah banyak ada 11....
untuk bisa memahami struktur.. saya harus masuk ke blognya :(

intinya yang saya liat, itu ada tag li setelah div.. dan masih ada quickedit

Balas

Bikin emosi kang :'(
Sengaja buat blog anyar ie teh tapi tetep ada yang error

http://validator.w3.org/check?uri=trikseowoles.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0
bantuanya kang plizz

Balas

hapus kode ini >> [code]<b:include name='quickedit'/>[/pre] selesai deh :)

Balas

jiahhahaha...kok tutupnya bisa beda gini kang konversimu <b:include name='quickedit'/>

Balas

wkwkwkkww... error gitu ya

Balas

Masih ada empat ko kang yang errornya :(

Balas

tinggal hapus <b:include name='quickedit'/> dibawah gplus gan

Balas

iya tuh kang, udah coba 2x tetep sama, akhirnya pulang dulu buat escape nya hha

Balas

coba kode yang lebih pendek atau panjang...

Balas

Udah mas, tapi silahkan cek deh sama mas :(

Balas

delete aja widget Attribution1 nya, kalau ga bisa buat "false" menjadi "true" baru masuk ke "tataleta" hapus widgetnya

Balas

mas klo kaya gini masalahnya bagaimana cara mengatasinya
http://validator.w3.org/check?uri=http://kamu-info.blogspot.com
saya udah beberapa kali mencobanya tetep tidak valid, kecuali saya menghapusnya baru valid hehe

Balas

itu pake twitter card ya? blom pernah nyoba sob, kalo ada solusi, nanti saya share :)

Balas

iya sob, saya cari di forum forum emang belum ada solusi buat valid html5 di w3c, nah klo yang untuk penempatan class di body, untuk valid html5 nya gmana ya sob? class nya klo di pindah selain body malah fungsinya beda..

Balas

yoi kang, setau saya kode yang itu cukup penting, coz bakalan nampilin deskripsi blog, tulisan, gambar, openID, rss serta icon, kalo gasalah itu juga hhi :D

Balas

saya baru menemukan, bahwa kode itu untuk sitemap, sebagai gantinya :
[pre]<link href='http://namablog/feeds/posts/default' rel='alternate' title='Nama Blog - Atom' type='application/atom+xml'/>[/pre]

Balas

wuih.. kaya saya ahlinya nih.. masih bingung saya juga :)

Balas

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

83 ERROR 45 Warning :(
Saya dapat template di Fullblog design gimana mengatasinya

Balas

Duh kang punten ngaganggu. Bade tumaros kang, pami postingan anu abi sapalih aya nu ical, kumaha kang solusinya?Hilap teu ka bek'ap :( → zakijunky.blogspot[dot]com

Balas

Line 731, Column 76: & did not start a character reference. (& probably should have been escaped as &.)

…nt-iframe.g?blogID=8746360420546868922&postID=8623888396615015059' id='comment…

Mas, letak kode di atas dibagian mana iya? mohon bantuannya!

Balas

kang, apa akibatnya jika template blog kita belum benar-benar valid 100%? soalnya saya masih ada 11 eror dan 1 warning. aduh pusing

Balas

Keren om artikelnya ..
ane jadi tambah ilmu lagi niih ..

mantep banget bagi ane yang masih nubie di blog .. :D
Jelas banget, tapi ane mash belum bisa mecahin masalah yg No 10 niih om ..

mohon di perjelas lagi donk :D

Terimakasih om
salam kenal ..

Balas

yang kaya kode 'dan' itu ganti

Balas

ga apa2 juga sih :) santai aja jangan terburu2

Balas

itu hasil dari kode iframe komentar.. nanti saya bahas selanjutnya :)

Balas

coba cari dgn kata kunci 'solusi ketika postingan tiba-tiba hilang'

Balas

kebanyakan di 'quickedit' tuh

Balas

Kalo blog saya jadi html5 apakah akan meningkatkan index ke google ?
kunjung balik yah

Balas

Saya agak telat nih kayaknya untuk mencoba memraktekan tips di atas dan alhamdulillah hasilnya cukup memuaskan. Blog saya udah Valid HTML5. Makasih ya Kang... :D
https://lh3.googleusercontent.com/-iZugcbcL2As/Uj44-MLMYNI/AAAAAAAAHaw/60mr5bDruOo/s912/My%2520Blog%2520Has%2520Valid%2520HTML5.jpg

Balas

kang,
mohon bantuannya kang.. :)
tinggal satu code ini yang saya bingungkan.

https://lh5.googleusercontent.com/-XddUITx48iY/UkDqdA2ErvI/AAAAAAAACz4/OUfaGNoruuE/w958-h766-no/Mohon+Bantuannya.bmp
..
TQ kang :D

Balas

berarti ga baca ini ya http://blog.kangismet.net/2013/09/tips-membuat-halaman-posting-valid-html5.html
pada widget yang terdapat <style type="text/css"> tambahkan 'scoped' jadi <style type="text/css" scoped>

Balas

kang mau tanya.

setiap upload gambar kan otomatis ada border=0

nah biar bisa hilang tanpa hapus manual itu caranya bagaimana?

kemarin coba tambah .post img{border:none} di css kok gak berhasil

Balas

nice artikel om.... kunjung balik ya? :)
mudhon-13.blogspot.com

Balas

maksudnya jgn ada 2 id pada template tuh gmna mas ???
tlong pencerahannya, aq cuman bingung di no.5 aja nih...

Balas

Mohon maap mas tolong bantuanya

<img src="http://4.bp.blogspot.com/-DQk1iF_kB9Y/UkbrQEKBt1I/AAAAAAAAApQ/vSeriqzOA3U/s1600/324.JPG>

Upiseo.blogspot.com

Balas

http://4.bp.blogspot.com/-DQk1iF_kB9Y/UkbrQEKBt1I/AAAAAAAAApQ/vSeriqzOA3U/s1600/324.JPG

No, 1 : Silahkan lihat ke atas pada langkah 1
No,2 : lihat judul 'Harap diperhatikan' poin 4
No.3 : ganti widget folower dengan ini http://blog.kangismet.net/2013/08/modifikasi-tampilan-widget-followers-gfc.html

Balas

contoh, mau menyamakan ukuran footer, mengambil #outer-wrapper <div id="outer-wrapper">
<div id="main-wrapper"/>
<div id="sidebar-wrapper"/>
</div>
<div id="footer>
<div id="outer-wrapper"/>
</div>
ada dua id yang sama

Balas

ga bisa mas.. harus tetep manual

Balas

Maap kang kalau di ganti nomer 1, tampilan postingan jadi acak-acakan

Balas

widget follower tidak dihapus juga tidak apa2 masih bisa di validkan HTML5. kalo Google+ follower kalo mau dipasang biar tidak muncul eror pada validasi HTML5 cukup dengan menghapus kode
terimakasih ilmu bermanfaat

Balas

&quot itu perlu diganti &amp juga tidak kang ?
tolong pencerahannya

Balas

ga usah &quot itu 'tanda kutip' kalau &amp yang tanda &

Balas

Berhasil sih kang,, cman jadi hancur nih tampilan blognya x_x hiks hiks...

Balas

Kang ada 4 lagi kira-kira apanya ya? :(
http://validator.w3.org/check?uri=http%3A%2F%2Ffirman-ardy.blogspot.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Balas

artikel sama komentar banyakan komentar kang :D

Balas

kenapa kode eror setelah dicari ditemplate gag ada ya,,padahal masih 2 yang eror kang muz-cinemax.blogspot.com/

Balas

itu dari script tersembunyi, menurut saya coba liat ke atas, langkah 2

Balas

kok malah nambah jadi 5 erornya hehehe

Balas

kalau semua langkah diatas dilakukan, saya yakin ga bakalan error mas :)

Balas

sisa kode ini yang eror, meta content='true' name='MSSmartTagsPreventParsing'/>

kalau dihapus gimana ya

Balas

kang, bantu saya dong tinggal ini saja kan
sudah bingung saya kang, tolong ya kang ismet
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.kenali-negeri.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1&st=1&outline=1&No200=1&verbose=1

Balas

udah valid ya? sorry kemaren2 jarang OL

Balas

udah di coba kang tinggal nunggu hasilnya aja ni

Balas

kang tolong dibanti ya, http://html5.validator.nu/?doc=http%3A%2F%2Fasalblitar.blogspot.com%2F

saya tanya yang gambar untuk header dan post-title entry-title

Balas

untuk header, pada kode <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/> kasih ukuran yang pasti sesuai error, menjadi <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block;height:40px;width:250px'/> untuk post title coba 'span' ganti 'div' <span itemprop='itemreviewed'>
<span itemprop='description'>

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

gpp.. heheheh santai aja :)

Balas

kaya-nya waktu ane ga cukup neh tuk menambahi "&" dengan "&" soalnya banyak bgt. kalo sampai di sini, ane pake template ini hasilnya error ga bos Ismet?

Balas
Komentar ini telah dihapus oleh pengarang.

maksud ane "&" di tambah amp;

Balas

Hedeuh,.. blog abdi paling parah kang,.. Size template urang gede pisan 237kb 2.5kali lipat standardna Kang Ismet. Kang Adhy cuma 76kb. Tapi urang bingung ieu, mulai ti mana nya kang?.

Tolong lah Kang Ismet, oge para senior lainnya. Tulung2,...

Balas

ribet banget ya kang T_T..
tapi gak apa-apa.. demi validasi HTML blog
thanks infonya!

Balas

udah di coba kang dan berhasil.. cuma ada beberapa yag saya masih perlu tanyakan..untuk tanda & yang diganti dengan & apakah yang &quot juga ikut diganti.. tanks

Balas

Kang tolong dong bantuan nya nih :(
gimana nih cara ngatasi masalah yang ini..

http://validator.w3.org/check?uri=cyber-che4t.blogspot.com

Balas

kayaknya ada script diatas 'body', coba pindah keatas penutup 'head'

Balas
«Paling tua   ‹Lebih tua   1 – 200 dari 259   Lebih baru›   Terbaru»

Poskan Komentar


×
Chat