Template Valid XHTML Blogspot Blogger Templates

2011-03-21T00:49:00.000+07:00

Demo Download

Silahkan download Template Valid XHTML Blogspot Blogger Templates gratis. Akhirnya ~~KU MENEMUKAN MU~~ ada juga blogger Indonesia yang memberanikan diri membuat Template Valid XHTML Blogspot Blogger templates, sekalipun valid nya hanya pada halaman utama atau 'home page' dan 'page' saja.

Jadi pada bagian postingan, template ini tidak valid, karena pada form komentar blogger tidak bisa diakali kata sang pembuat template, yaitu ~~http://templatevalidxhtml.blogspot.com/~~ mas Choen.

Kenapa template harus valid, untuk lebih jelasnya silahkan baca penjelasannya disini Why Validate?

Sebaiknya template ini digunakan untuk blog baru. Namun apabila digunakan pada blog lama (blog yang sudah memiliki banyak ~~PERHIASAN~~ postingan dan gadget) sebaiknya dicek kevalidasianya dan perbaiki EROSRR nya saja dan untuk mengetahui kesalahannya itu terletak pada bagian mana, silahkan dicek ~~$ 100 DOLLARS~~ melalui Markup Validation Service.

Template ini desainnya menggunakan Blogger Template Framework. Apabila anda tertarik menggunakan Template Valid XHTML ini, ada ~~APA DENGAN MU~~ beberapa hal yang perlu diperhatikan dan harus dilakukan:

Tahap 1

Backup ~~DATA~~ template dan 'gadget' anda, jika bukan blog baru, untuk berjaga-jaga apabila ada masalah ~~HATI~~ yang tidak diinginkan terjadi..

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 anda extract ato Unzip.

Dan jika muncul pertanyaan seperti di bawah ini:

'Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
Navbar1'

Langsung klik 'Confirm & Save'.

Tahap 4

Selanjutnya pada Edit HTML

Ubah 'Your Title' di atas dengan Judul Blog Anda.

Tahap 5

Karena oleh ~~OLEH~~ pembuat template ini ia menghapus navigasi halaman bawaan blogger yang memiliki banyak error, maka dia mengganti nya dengan 'page navigasi' hasil pengembangan Abu Farhan. Nah yang perlu diperhatikan disini adalah pada:

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 cara 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, pembuat template ini menggunakan 'readmore' bawaan blogger, yang perlu diperhatikan adalah penempatan  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 maumeng upload sebuah image, ubah dulu script tersebut. Garis ~~GARIS~~ besar ~~HALUAN NEGARA~~ scriptnya seperti ini:

<a href="http://validator.w3.org/">

<img alt="Markup Validation Service"

src="http://3.bp.blogspot.com/

_L8cTYaYGAGI/SyHeZ6cwSmI/AAAAAAAAA0M/

bUqfyU9VsFU/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 langkah ~~DEMI LANGKAH TELAH AKU JAJAHI~~ -langkah nya sebelum menggunakan Template Valid XHTML ini.

Catatan: Template Valid XHTML 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 ~~DAN RICEK~~ validasi CSS di CSS Validation Service.

Oya,

Tambahkan “Canonical Link Element” di bawah kode <head>:

Ini adalah kode yang harus anda taruh di bawah <head>:

<link expr:href='data:blog.url' rel='canonical'/>

Ini berfungsi untuk mencegah terjadinya duplikat konten.

Itu saja info mengenai Template Valid XHTML Blogspot Blogger Templates.