Sudahkah Template Blog anda Valid kalo belom buatlah template blog anda lebih valid dengan Tips yang saya akan Share untuk kalian semua -
Tips Membuat Blog Lebih Valid,, Ikutin Tipsnya Masbro...
Sebelum membuat blog lebih valid, coba cek dulu seberapa validnya blog kalian..
disini
1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah..
<?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 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'>
Hapus semua kode diatas dan ganti dengan kode berikut..
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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'>
2. Menghapus comment declaration yang ada pada CSS
Cari kode dash ( ----- ) dan hapus semuanya. contoh:
/* -----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hasilnya menjadi..
/* Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team */
3. Menghapus Navigasi Bar bawaan blogger
cari kode dan tambahkan kode berikut tempat dibawahnya
<!-- <body><div></div> -->
Nanti akan muncul peringatan untuk menghapus navbar, langsung klik Hapus saja.
4. Menghapus Icon Quickedit atau gambar obeng
cari kode
<b:include name='quickedit'/> kalo sudah ketemu hapus semua tanpa terkecuali, jangan lupa kalo besoknya menambahkan widget baru hapus lagi kode tersebut.&n
bsp;
5. Menghapus Post icon
cari kode berikut..
<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>
Hapus dan ganti dengan kode berikut..
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
6. Menambahkan jenis
type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
<script src="http://icewahyu.googlecode.com/files/SakuraRain.js"></script>
Ubahlah Menjadi:
<script type="text/javascript" src="http://icewahyu.googlecode.com/files/sesuatu.js"></script>
7. Menyembunyikan page navigation di halaman utama
cari kode..
<b:include name='nextprev'/>
Hapus dan ganti seperti kode berikut..
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
8. Menambahkan atribut Alt pada semua gambar termasuk saat posting artikel
contoh:
<img href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">
Ganti menjadi seperti berikut..
<img alt="dofollow logo" href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">
9. Memperbaiki atribut title dan alt pada link bergambar
sebagai contoh:
<a href="http://www.getfreebl.com" alt="free backlink generator
powered by http://www.getfreebl.com" target="_blank"><img
src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8"
title="Free backlinks for your site powered by
http://www.getfreebl.com" border="0" /></a>
Rubah posisi atribut title dan alt..
<a href="http://www.getfreebl.com" title="free backlink generator powered by http://www.getfreebl.com"
target="_blank"><img
src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8"
alt="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>
Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.
Baca dengan Teliti,, jangan sampe salah baca atau keliru...
Mungkin hanya segitu saja juga sudah cukup,, Semoga bermanfaat bagi kalian semua,, Terima Kasih