![[Image]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisXOvkWQETtXXXfPtVcru9RnmnrGfbOSBFMI0nsceUSjSgLvcctEmDNOHSHLJVCYWFNZVPhxlC08vndpZ_AZdHXbpgnX1x92fzsQ1BkLUVZzOhjGEotEfvOnfXSn9GGiWJy3ltp6Bsfuvx/s1600/valid-xhtml.jpg)
Untuk mengetahui apakah template blog anda valid xhtml bisa di cek di sini. Membuat template menjadi valid XHTML mungkin bukan perkara mudah. Tapi setidaknya kita bisa mengurangi error yang ada di template, paling tidak bisa mendekati valid XHTML.
Berikut ini langkah demi langkah untuk membuat template blogger lebih valid XHTML :
1. Login blogger >> pilih template >> edit HTML >> centang expand template widget.
2. Cari kode ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Hapus dan ganti dengan kode ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. Cari kode yang seperti ini :
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: WebTech
Date: February 2012
Updated by: Blogger Team
----------------------------------------------- */
Hapus tanda strip (---) saja, sehingga hasilnya menjadi seperti ini :
<b:skin><![CDATA[/*
Blogger Template Style
Name: WebTech
Date: February 2012
Updated by: Blogger Team
*/
4. Cari kode ini :
<b:include name='quickedit'/>
Hapus kode tersebut. Cari lagi karena dalam template ada banyak kode seperti itu. Itu adalah kode untuk memunculkan tool edit untuk widget pada blogspot anda. Tampilan di blog berupa tang dan obeng. Ingat, setiap anda menambah widget baru, kode tadi akan muncul lagi dan anda harus menghapusnya lagi.
5. Cari kode berikut ini :
<b:include data='blog' name='all-head-content'/>
Hapus kode tadi. Itu adalah kode untuk memunculkan foto profil pada komentar blog.
6. Cari kode </head> dan letakkan kode berikut ini di bawah kode </head>
<b:include data='blog' name='all-head-content'/>
7. Jika anda mengupload gambar, beri tambahan alt pada kode HTMLnya, seperti ini :
<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrXqhvQDQ-_7Mh7X_0_Oa0DpB_UrKatsci42uLSl_AaQotOfsvT_x-NNNxUzZKZu-9HBqRrPn-BWt5qbTOAnOfy66yZ_EzdGhX3zbZpX6WafGnmnM8nq6jXu93LszNRz9nomPXr3ZADw/s320/valid-html.gif" /></a>
8. Jika ada penulisa meta content dengan huruf besar seperti ini :
<META content='blogger' name='generator'/>
Ubah menjadi seperti ini :
<meta content='blogger' name='generator'/>
9. Cari kode berikut ini :
<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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<!-- 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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
Hapus dan ganti dengan kode berikut ini :
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
Gambar pensil yang biasa muncul di bawah postingan akan hilang. Untuk edit posting bisa dilakukan dengan login ke akun blogger.
10. Cari kode berikut ini :
<b:include name='nextprev'/>
Hapus dan ganti dengan kode berikut ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
Langkah ini akan menyembunyikan tombol navigasi dari halaman utama blog. Itu lho, tombol posting lama atau posting baru yang biasa nongol di bagian paling bawah halaman.
11. Jika ada kode yang seperti ini :
<script src="http://yourjavascript.com/4638133231/read-moreotomatis.js"></script>
Ubah dengan menambahkan kode type="text/javascript" menjadi seperti ini :
<script type="text/javascript" src="http://yourjavascript.com/4638133231/read-moreotomatis.js"></script>
Sekarang anda coba cek lagi, error yang tadi banyak pasti sudah berkurang. Lumayan lah, meskipun tidak bisa 100% valid XHTML.
Salam...
0 Response to "Membuat template lebih valid XHTML"
Posting Komentar