Akhirnya saya memberanikan diri membuat 'Free Blogger Template' Valid XHTML ini, walau hanya valid pada halaman utama atau 'home page' dan 'page'. Jadi pada bagian postingan, template ini tidak valid, karena pada form komentar blogger tidak bisa diakali.
Kenapa mesti valid, silahkan baca disini penjelasannya Why Validate?.
Sebaiknya template ini digunakan untuk blog baru. Namun apabila digunakan pada blog lama (sudah banyak postingan dan gadget) sebaiknya dicek validasinya dan diperbaiki errornya di Markup Validation Service.
Template ini desainnya menggunakan Blogger Template Framework. Apabila anda tertarik menggunakan Free Blogger Template Valid X/HTML ini, tahapan berikut ini menjadi penting diperhatikan:
Tahap 1
Backup template dan 'gadget' anda, jika bukan blog baru, untuk menjaga apabila ada masalah.
Tahap 2
Reset HTML. Yaitu hapus semua kode di dalam tag body, yaitu setelah <body> sampai sebelum </body> (jadi <body> dan </body> nya tidak dihapus.)
Tahap 3
Upload file xml setelah di Unzip.
Jika muncul:
'Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
Navbar1'
Langsung klik 'Confirm & Save'.
Tahap 4
Pada Edit HTML
<link href='/atom.xml' rel='alternate' title='Your Title - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='Your Title - RSS' type='application/rss+xml'/>Ubah 'Your Title' diatas dengan Judul Blog Anda.
Tahap 5
Karena saya menghapus navigasi halaman bawaan blogger yang memiliki banyak error, maka saya mengganti dengan 'page navigasi' hasil pengembangan Abu Farhan. Nah yang perlu diperhatikan disini adalah pada:
<script type='text/javascript'>
var pageCount=2;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>Ubah jumlah atau angka
var pageCount sesuai jumlah postingan yang anda tampilkan di halaman utama ('home page'). Tahap 6
Masuk ke 'Layout' di 'Page Elemen' perbaiki 'Gadget Blog Archive' dengan mengubah 'Style' yang sebelumnya 'Hierarchy' menjadi 'Flat List'.
Tahap 7
Masuk ke 'Settings' di 'Basic' cari 'Show Quick Editing on your Blog?' pilih 'No'.
Tahap 8
Pada demo saya menggunakan 'readmore' bawaan blogger, yang perlu diperhatikan penempatan
<!-- more --> di 'Edit HTML' pada postingan, seperti berikut:Nunc egestas interdum dui, et dapibus ligula rhoncus quis. Proin auctor malesuada lectus laoreet faucibus. Ut venenatis cursus diam, vitae suscipit elit fringilla quis. Proin ut mollis nibh. <!-- more -->
Donec tempus velit a nisi venenatis vitae volutpat mauris dictum. Etiam in nisl ut, vitae suscipit elit fringilla quis.Tahap 9
Jika anda upload sebuah image, ubah script tersebut. Garis besar scriptnya seperti ini:
<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gEpqKD6FM_z1n8tX0mq12KqJ5D1wsv67bklLKv2jgg2m4AkWFZ-5yaDaJ9uMWXQmHqpJKuudOOZP2t_gPPNP5u1hvMFiA9cPuDUuCmAYtPtE8BzDaS3kbsj_Xk1ytg7sgBZc5iF0A7E/s320/valid-html.gif" /></a>Tahap 10
Jika anda menambah sebuah widgate atau gadget ingat untuk menghapus:
<b:include name='quickedit'/>pada 'Layout' - 'Edit HTML' aktifkan 'Expand Widget Templates'
Catatan: 'Gadget Followers' saya tidak pasang, karena menimbulkan error pada validasi.
Tahap 11
Kemudian apabila anda membuat postingan baru atau menambah gadget, cek validasinya di Markup Validation Service, apabila ada error perbaiki, biasanya disana ada solusi perbaikannya. Nanti anda akan tahu dan terbiasa bagaimana menjaga postingan anda tetap valid.
Sip demikian tahapannya.
Catatan: Tempale tersebut hanya valid pada XHTML. Untuk CSS tidak valid, masih ada sekitar 33 error. Masalah validasi CSS ini agak sulit karena CSS bawaan blogger (injek). Kalau anda ingin cek validasi CSS di CSS Validation Service.
Update
Tambahkan “Canonical Link Element” dibawah kode
untuk mencegah terjadinya duplikat konten.
<head>:<link expr:href='data:blog.url' rel='canonical'/>untuk mencegah terjadinya duplikat konten.
Lihat juga disini Trik Markup Validation W3C untuk Blogger
0 comments:
Posting Komentar