NB : Template Blogger yang valid hanya pada halaman homepage atau halaman depan blog. dan tutorial ini hanya untuk mengurangi sebagian belum sepenuhnya jika template anda terlalu banyak yang eror.
Demo Valid Check ValidFaktor penyebab.
- meta tag yang berlebihan yang tidak semua metag di terima HTML5
- Widget standar blogger (terutama follower).
- Posting yang tampil di homepage.dengan snippet.
- Gambar post atau home page.
- Pemasangan CSS kurang tepat.
- Dll
pastikan dulu template anda sudah menggunakan Doctype HTML5. caranya...
pada bagian atas template anda lihat barisan code yang mirip seperti ini.
<?xml version="1.0" encoding="UTF-8" ?>Ganti dengan code ini .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<!DOCTYPE html>Dan jika ada kesalahan pada tag head feed. maka cari code
<html>
<head>
<b:include data='blog' name='all-head-content'/>dana ganti dengan code di bawah :
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://under-88.blogspot.com/feeds/posts/default' rel='alternate' title='CSS Tutsplus Design - Atom' type='application/atom+xml'/>
<link href='http://under-88.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='CSS Tutsplus Design - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=MASUKAN_ID_BLOG' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='data:blog.postImageThumbnailUrl' rel='image_src'/>
<link href='http://www.blogger.com/profile/11256212643663337235' rel='me'/>
<!-- deskripsi dan keyword -->
<meta content='Description Blog Anda' name='description'/>
<meta content='Keywords Blog Anda' name='Keywords'/>
Ganti semua code yang di garis bawahi dengan settingan blog anda
di atas saya tidak menyertakan tag rel="publisher". karena mendeteksi tidak valid alias eror.Tips kedua.
Valid html yang sulit kita sadari adalah penempatan CSS yang kurang baik.
seharusnya CSS di simpan dalam satu baris dan tidak boleh berada dalam property
<div> . semua css harus benar-benar berada dalam stylesheet sebaris.contoh pada template anda simpan css di atas
]]</skin> atau di bawahnya.jika berada di bawahnya gunakan pembungkus CSS seperti ini.
<style type='text/css'>Tips ketiga
-- isi code css di sini --
</style>
Widget sidebar dengan widget Followers. saya kurang tahu bagaimana mengatasi eror pada widget ini agar valid html5. kalian bisa carinya di google.
karena itu pula saya menghilangkan widget follower dan menggantinya dengan text link anchor saja karena kegunaanya sama saja. dan saya sendiri tidak terlalu tertarik dengan banyaknya follower.
mungkin saat ini saya hanya bisa menuliskan sebagainnya. karena agar valid sempurna kita harus belajar dari awal. dan terlalu panjang untuk saya jelaskan semuanya.
nanti kita akan bahas pada artikel kedua (part2).
Pranala Luar : Validator.W3C
