Cara Membuat Blog Valid HTML5
Kang Ismet
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.
Perlukah web/blog valid HTML5? dari berbagai sumber saya temukan bahwa diantara keuntungan mevalidasi blog adalah :
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.
Langkah 1 : Backup template sebelum melakukan editing.
Langkah 2 : Cari kode seperti ini :
ganti dengan :
Langkah 3 : Ganti kode
Langkah 4 : ganti kode ini :
dengan kode di bawah ini :
Langkah 5 : Ganti
Langkah 6 : Hapus semua kode ini :
Setiap kali menambahkan widget baru, hapus kode di atas.
Langkah 7: Hapus semua kode ini (opsional)
Langkah 8 : hapus kode seperti ini :
atau seperti ini :
Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)
Langkah 10 : Ganti semua code
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.
Kemungkinan dengan langkah-langkah di atas, blog sobat belum valid. Supaya menjadi 100%, silahkan perhatikan beberapa hal dibawah ini :
1. Selalu gunakan tag
2. Jangan gunakan
atau CSS terpisah seperti
3. Pada iFrame, jangan menggunakan
atau CSS terpisah seperti
4. Pada tag
sebagai gantinya gunakan
5. Jangan ada dua
6. Hapus kode
Artikel selanjutnya : Membuat Halaman Posting Valid HTML5
Semoga bermanfaat...
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.
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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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'/>
<style type="text/css"> <!-- /*<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='"item-control " + 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 &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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOnDEQTA6MBQRGXw_IO0xkk4hTkBsVKzX_zl2L7b_M59yoFtAGzXbNDuMuN6ZY2Y6ojOZDCHWP5viAzgAYOrDbEWSXtYbjmP-5IQN9vbw5g3tR8lCrmvB8TEYbpe2uQeeErtSA1jXzDE0/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...
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...
wah.. PR lagi nih.. kalau jumplink cuma 'warning' ya kang?,
untuk solusi error 'longdesc' cek lagi di komentar sebelumnya kang (komentar bertingkat mirip wordpress)
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?
di bawah [code]<head>[/code] aja
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 :)
tah.. eta nu bingung teh kumaha ngaruh ka SEOna.. edankeun kang ben ah :)
Satu lagi pekerjaan untuk CSS validatornya kang, coba di sini http://jigsaw.w3.org/css-validator/
alhamdulillah ane sudah semua :)
nice tutornya kang, ane bookmark dulu.. =))
silahkan sob..
Tak coba dulu neh Kang, sapa tau blog saya jadi valid 100% :D
ayo dicob.. dicoba.. gratis :)
Ijin BM dulu kang, nanti saya coba menvalidasi blog saya. Terima kasih sudah berbagi.
silahkan sob.. sama2
Komentar ini telah dihapus oleh Unknown sebagai penulis.
makanya banyak yang stress wkwkkwkwk :)
saya gak akan terlalu terburu-buru menerapkan tentang HTML5 ini ..
sebelum benar-benar ada jaminan waktu dan inet yang stabil kang ...
sok di du'akeun ku abah :)
Backup dulu deh. Mau pelan2 dicobain tipsnya.
Doain berhasil ya mas. :D
alon2 asal kelakon :)
Hahaha, ajip kang. Punya saya valid cuma di homepage aja. :D
untung teu valid ka susukan oge :D
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]
hapus kode [code]</embed>[/code] tidak usah pake penutup. yang [code]<style>[/code] ganti [code]<style scoped='scoped'>[/code]
Ribet euy!
Saya nunggu kang Ismet bersedia bikin template yang 100% valid html5 ajalah :p
hehehe... ga tau kapan :)
keren banget ini kang :D aku coba deh..
Komentar ini telah dihapus oleh Kang Ismet sebagai penulis.
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
coba2 aja.. jangan sering ganti template :)
Keren kang... sedang dicoba
Mantab...sudah valid ...kang Ismet memang jempol
Memang mantap kang, apa lagi kalau templatenya sudah valid html5.... Pastinya lebih enak kan, !
Wew, nih yang gw cari"
Thanks sob atas infonya ...
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
Oh iya 1 lagi kang, setelah saya pake thread comments kok bagian Pages tidak ada Komentarnya? Saya sudah Cek mash bagus2 aja :(
Kalo template Kang Ismet yang Super SEO itu udah valid HTML5 blm Kang? dan cara check nya gimana Kang?
belom sob... itu ada di atas :)
Pasti agak ribet juga ini kang buat blog kita valid html 5,saya gini aja dah Kang blognya :)
sebelunnya ijin oprek templat Zikazev Blue kang, guna mempraktekan tutor di atas
wah pusing jga ya. tapi bermanfaat. lebih detail
terima kasih kang
bener2 susah kang, sepertinya saya harus lebih banyak belajar tentang HTML ..
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 ;)
oh iya ya.. baru kepikiran. thanks sob.. nanti saya coba2.. iya masih ada error... saya lupa belom robah JS manipulasi komentar
makasi infonya kang. .tapi tadi ane praktekan pada blog ane koq ada tulisan errornya ya di atas header?? terpaksa dah ane ganti template lagi. .
coba gantinya satu persatu save dulu, ada yang kelewat biasanya
yang ini ilmu tingkat tinggi kayanya,harus pelan pelan nerapinnya :D
samentawis mah dikandangan heula kodena kang...
hatur nuhun ..
sok mangga kang... kade ulah hilap diparaban :)
saya pernah mencobanya, tapi tetap selalu ada kode yang error. semoga para blogger pemula seperti saya tak kebingungan dan stres hehe :D
kalo valid bagian postnya juga gimana ya xD
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]
manteb kang...sukses selalu blognya
mantab kang ismet,,,, terimakasih tutorialnya
salam kenal dari : http://meubeljeparaasli.blogspot.com/
mantep kang, kin di cobian ah supados valid html 5.
pami teu sadayanan di robih teu nanaon kang? ngan ngarobih sababaraha langkah hungkul??
teu sawios kang... mung moal 100% validna
maafnih kangismet, yang STEP 9 tuh adanya cuman <div class='post-share-buttons
dan Kode & sangat banyak diblog, emang harus diganti yah??
bang yang step 5 kayak gimana? kok gak sama yah sama punya si abang??
semua template pasti sam mempunyai [code]<b:skin><![CDATA[[/code]
gara2 postingan kang ismet ini saya jadi tambah berkerut dan tua, nyerah deh...
BLOG punya Kangismet pake Widger friend connect ( Follower ) tapi bisa passed.
Gimana kang caranya? :D
http://masgober.blogspot.com
ganti dengan kode lain cek disini :
[link]http://blog.kangismet.net/2013/08/modifikasi-tampilan-widget-followers-gfc.html[/link]
wahh thanks kang tipsnya... buat nambah nambah valid template nih..
sama2 sob.. ditunggu artikel terbarunya
Ya... Allah Kang Ismet code & banyaaaaaaaaaakkkkkkk banget.... ;)
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 :)
Oh, maaf kang, setelah saya utak atik ehh ternyata bisa :D :D :D
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???
pada gambar jangan menggunakan border:0 hapus kode itu ganti dengan CSS style="border:none"
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
hapus kode ini >> [code]<b:include name='quickedit'/>[/pre] selesai deh :)
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
itu pake twitter card ya? blom pernah nyoba sob, kalo ada solusi, nanti saya share :)
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
kebanyakan di 'quickedit' tuh
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
coba cari dgn kata kunci 'solusi ketika postingan tiba-tiba hilang'
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!
itu hasil dari kode iframe komentar.. nanti saya bahas selanjutnya :)
kang, apa akibatnya jika template blog kita belum benar-benar valid 100%? soalnya saya masih ada 11 eror dan 1 warning. aduh pusing
ga apa2 juga sih :) santai aja jangan terburu2
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 ..
yang kaya kode 'dan' itu ganti
Kalo blog saya jadi html5 apakah akan meningkatkan index ke google ?
kunjung balik yah
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
better late than never :)
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
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>
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
ga bisa mas.. harus tetep manual
nice artikel om.... kunjung balik ya? :)
mudhon-13.blogspot.com
maksudnya jgn ada 2 id pada template tuh gmna mas ???
tlong pencerahannya, aq cuman bingung di no.5 aja nih...
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
Mohon maap mas tolong bantuanya
<img src="http://4.bp.blogspot.com/-DQk1iF_kB9Y/UkbrQEKBt1I/AAAAAAAAApQ/vSeriqzOA3U/s1600/324.JPG>
Upiseo.blogspot.com
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
Maap kang kalau di ganti nomer 1, tampilan postingan jadi acak-acakan
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
" itu perlu diganti & juga tidak kang ?
tolong pencerahannya
ga usah " itu 'tanda kutip' kalau & yang tanda &
Berhasil sih kang,, cman jadi hancur nih tampilan blognya x_x hiks hiks...
makasih tutorialnya
artikel sama komentar banyakan komentar kang :D
kenapa kode eror setelah dicari ditemplate gag ada ya,,padahal masih 2 yang eror kang muz-cinemax.blogspot.com/
itu dari script tersembunyi, menurut saya coba liat ke atas, langkah 2
kok malah nambah jadi 5 erornya hehehe
kalau semua langkah diatas dilakukan, saya yakin ga bakalan error mas :)
sisa kode ini yang eror, meta content='true' name='MSSmartTagsPreventParsing'/>
kalau dihapus gimana ya
masih bingung ane kang :D
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
udah valid ya? sorry kemaren2 jarang OL
nais inpoh kang :-d
udah di coba kang tinggal nunggu hasilnya aja ni
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
untuk header, pada kode <img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/> kasih ukuran yang pasti sesuai error, menjadi <img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block;height:40px;width:250px'/> untuk post title coba 'span' ganti 'div' <span itemprop='itemreviewed'>
<span itemprop='description'>
Komentar ini telah dihapus oleh Haikal Sulaiman sebagai penulis.
Komentar ini telah dihapus oleh Haikal Sulaiman sebagai penulis.
gpp.. heheheh santai aja :)
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?
Komentar ini telah dihapus oleh Haikal Sulaiman sebagai penulis.
maksud ane "&" di tambah amp;
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,...
ribet banget ya kang T_T..
tapi gak apa-apa.. demi validasi HTML blog
thanks infonya!
udah di coba kang dan berhasil.. cuma ada beberapa yag saya masih perlu tanyakan..untuk tanda & yang diganti dengan & apakah yang " juga ikut diganti.. tanks
kang, mohonnnnnn deh bantuannya..
setelah tahap homepage selesai, ane coba lihat blog ane..
waw, amazing..jadinya kosong plong tanpa ada isi hanya ada google friend connect..
kenapa yah kang ?
mohon sekali yah kang bantuannya..
lupa, nih link ke blog ane kang (http://be-bisnis-lah.blogspot.com/)
Kang, di blog ane ga ada script <b:include data='blog' name='all-head-content'/>
gimana yah kang solusinya ?
ga apa2.. berarti sudah di set validasinya
Kang, di blog ane ga ada script <b:include data='blog' name='all-head-content'/>
gimana yah kang solusinya ?
alhamdulillah udah nemu template faster.
skrng tinggal di bikin valid HTML5.
Tolong di bantu y Kang?
kang... kalau ini yang gimana caranya supaya gak error???
http://s946.photobucket.com/user/mahfudhonaja/media/2013-11-10_074340_zpsb5dedaff.png.html
balas ya..?
Bantu ini kang ..
http://d3j5vwomefv46c.cloudfront.net/photos/large/821081953.jpg?1384166931
Ane udah berusaha mengikuti tutorialnya. Tp kok hasilnya kaya gini, Kang:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-qDNTQQCM9Zo/UoDV9XXo4wI/AAAAAAAAAYg/yPKiH9u6TmE/s1600/catatanhaikal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="http://1.bp.blogspot.com/-qDNTQQCM9Zo/UoDV9XXo4wI/AAAAAAAAAYg/yPKiH9u6TmE/s320/catatanhaikal.jpg" width="320" /></a></div>
<br />
waduh kang pusing...........................
Hatur Nuhun kang,,
kang itu untuk di bawah head
meta diskripstion sama meta keyword nya hanya seperti itu aja ya kang, seperti panduan di atas. gak mesti di isi lagi ya ...
makasih...
tolong dibantu gan...validade html5==>Validation Output: 2 Errors
1. link element between head and body.==>.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/
2.Cannot recover after last error. Any further errors will be ignored.==>.png' rel='shortcut icon' type='image/vnd.microsoft.icon'
<link href='https://lh3.googleusercontent.com/-iAEeOtjLFm4/UowJpQcbDmI/AAAAAAAAACs/UizMe7q21qY/w53-h49-no/Logo+Bivens+2.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
seharusnya di atas </head>, bukan dibawahnya