Edit Template Supaya Valid XHTML | Tutorial Blog
Ketika saya menggunakan Validator XHTML Tool untuk mengetahui kode yang error pada blog, ternyata banyak terdapat error pada blog saya, akhirnya saya edit saja templatenya biar lebih valid, dan syukur lah errornya berkurang. Jika Sobat juga ingin Meng-edit template Blog sebaiknya backup dulu template Anda, buat jaga-jaga bila terjadi hal yang tidak di inginkan. Adapun kode HTML yang saya edit pada template antara lain :- Kode dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
saya ganti dengan kode berikut <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Memperbaiki penulisan META Tags
Contoh
<META content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>saya rubah menjadi
<meta content='hG7mdGP3GZvNuz6CXDF58rL2NhgOH4GhtwttcDrGThA' name='compete'/>
- Menghapus semua kode ( ---------- )
- Pada kode </head> saya tambahkan kode berikut tepat dibawahnya
<!-- <body><div></div> -->
- Menghapus semua kode quickedit seperti dibawah ini :
<b:include name="quickedit">
- Menghapus Post icon
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post'
name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
- Menambahkan type="text/javascript" pada semua kode JavaScript yang ada.
<script type="text/javascript" src="http://tutorialblog.googlecode.com/files/dfisi.js"></script>
- Menyembunyikan page navigation di halaman utama, kode
<b:include name='nextprev'/>
saya hapus dan ganti jadi<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
- Menambahkan atribut Alt pada semua gambar
<img alt="gambar" href="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg">
- Memperbaiki atribut title dan alt pada link bergambar contoh
<a href="http://www.google.com" title="Google" target="_blank"><img src="http://2.bp.blogspot.com/-vk3j9GrD30P/GhYf2WEe4mI/bsvjsfnnBF6/a2516/dboss.jpg" alt="www.google.com" border="0" /></a>
Selain kode diatas sebenarnya masih ada lagi kode yang lain, cuma karena saya tidak begitu mengerti tentang kode HTML jadi cuma itu yang bisa saya betulkan pada template saya supaya lebih Valid XHTML.
maksih gan..
ReplyDeleteberguan bngt buat newbitol kayak ane'
http://saunse.blogspot.com/
Gan saya masih awam dengan semua,,coba agan lihat tampilan blog saya, dan kalau ada masukan saya sangat terbuka gan,,,terima kasih,,,
ReplyDeletewww.poswayang.blogspot.com
tes
ReplyDeleteuda di coba..moga2 valid ya..
ReplyDeleteNice info boss ..di tunggu kunjungan baliknya
ReplyDeletehttp://klikharits.com
salam kenal
ReplyDeleteAgak binggung sih, tapi harus dipelajari
ReplyDelete
ReplyDeletethanks infonya ea,,
ReplyDeleteartikelnya sangat menakjubkan gen B-)
. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu
ReplyDeleteBagaimana kalau title dan alt gambarnya disesuaikan dengan tema gambar,sob ?
ReplyDeletesalam kenal gan dan jangan lupa kunjungi juga web kami http://obatambevenatauwasir.blogspot.com/
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDeleteada template valit html 5 ngga yah.
ReplyDeleteinfo kontes seo
ReplyDeleteNissan ,mobil terbaik
link kontes seo
ReplyDeletehttp://www.alip.web.id/2015/12/qilinpoker-net-agen-poker-terpercaya.html
http://www.alip.web.id/2015/12/nissan-mobil-terbaik-pilihan-keluarga.html
trimakasih sekali mas,,, ini yang lagi di cari (y)(y)
ReplyDeleteThanks for the opportunity this site has given we all showing what we have and giving everyone to say out the mind and bring out the best that life has offered. We have research chemicals that is rare to see and we bring out to this science generation to make life better and more easy. Gradedlab.com
ReplyDelete