Dani Iswara .Net

Validasi Plugin Sociable WP

Melengkapi yang merepotkan dari standar web, kini berhubungan dengan validasi (X/HTML dan CSS) ‘plugin Sociable’ WordPress.

Belakangan, ‘plugin’ ini terlihat rajin memutakhirkan diri.
Risiko blog berbayar, demi alasan keamanan, jika ada kesempatan, ya dimutakhirkan..apalagi akses di warnet sedang kencang-kencangnya.
Alasan masih memasang ‘plugin’ ini, sekadar untuk mencoba..

Masalah (jika bisa disebut demikian) muncul karena ‘plugin’ ini sepertinya dioptimasi untuk halaman web dengan DOCTYPE X/HTML 1.0 Transitional. Blog Dani Iswara .Net terlanjur memilih DOCTYPE X/HTML 1.1 demi alasan kesederhanaan kode & ukuran berkas — ukuran berkas masih tetap terhambat ukuran logo HONcode yang harusnya bisa lebih kecil lagi; sedang negosiasi dengan tim HONcode…

Sesuai komitmen awal untuk belajar validasi X/HTML, ‘plugin’ tersebut tentu tidak valid menurut DOCTYPE yang digunakan.

A. Sumber tidak valid

Ada 2 sumber yang menyebabkan tidak validnya kode ‘plugin Sociable’ :

1. Tidak valid X/HTML 1.1

Peringatan mengacu pada kode target=\"_blank\".

2. Tidak valid CSS level 2.1

Penggunaan ‘property’ opacity yang baru akan didukung pada CSS 3 mendatang.

B. Cara mengatasi

‘Deactivate’ ‘plugin Sociable’ & hapus dari peladen..
Cara lain untuk mengatasi :

1. Mengatasi tidak valid X/HTML 1.1

Ubah DOCTYPE menjadi DOCTYPE X/HTML 1.0 Transitional :), atau
Log Masuk sebagai admin blog anda ›› ‘Plugins’ ›› ‘Edit’ plugin Sociable
›› (di Firefox:) tekan ctrl + f ›› ketikkan: target
›› ubah kode menjadi onclick=\"target_blank\"
atau hapus sekalian kode target=\"_blank\", sehingga taut ’social bookmarking’ akan terbuka pada jendela / tab yang sama (lebih sesuai standar web karena tidak merusak fungsi tombol back pada peramban)
›› klik ‘Update File’ untuk menyimpan perubahan
›› validasikan kembali X/HTML halaman web / blog anda.

2. Mengatasi tidak valid CSS 2.1 (akan valid di CSS 3)

Hapus (”class”) .sociable-hovers & .sociable-hovers:hover pada berkas sociable.css yang berlokasi di peladen (’server’) anda (efek transparan ikon ’social bookmarking’ akan lenyap jika kode tersebut dihapus),
misalnya berlokasi di

http://example.com/wp-content/plugins/sociable/sociable.css

›› simpan perubahan
›› validasikan kembali CSS halaman web / blog anda.
Masih mau repot?