Belakangan ini saya baru tersadar, karena memang dari kemarin lupa kesadaran. Sebenarnya sih kasusnya sederhan saja, cuma karena kurang teliti maka terjadilah apa yang terjadi. Maksudnya, padahal dulu sudah optimasi template blog supaya valid HTML5, tapi pas iseng-iseng ngecek di tools W3C Markup Validation Service, busyet deh error dan warningnya mendadak kayak jamur. Banyak banget.
Upload Gambar
Selidik punya selidik, penyakitnya berasal dari kode image anchor dan border yang selama ini jarang dapat sentuhan-sentuhan khusus. Maka ada baiknya ketika memposting artikel yang disertai gambar pendukung, juga memperhatikan beberapa hal berikut ini.
Setelah selesai menulis artikel dan meng-upload gambar, jangan langsung diposting. Melainkan, pertama klik gambar tersebut, lalu klik lagi tulisan “properties” seperti pada bagian gambar yang dilingkari.
Maka akan muncul tampilan seperti gambar di bawah ini.
Langkah yang dilakukan adalah, pada kolom pertama biasanya saya tulis judul dari gambar tersebut (misalnya; om rame), kemudian di kolom kedua biasanya saya tulis judul postingan (misalnya; om rame nggak ganteng tapi ngangenin). Tujuannya, sebagus apapun gambar tersebut, tapi jika koneksi internet lagi lola maka gambar tersebut tidak akan muncul, melainkan hanya akan menampilkan tulisan yang ada di kolom kedua yang akan muncul.
Nah, setelah selesai mengisi kolom-kolom tersebut. Selanjutnya, lihat ke bagian atas, yaitu mengklik tombol “HTML” (gambar yang dilingkari). Maka akan muncul kode-kode mengenai gambar yang tadi sudah di upload ke laman entri baru.
Perhatikan pada bagian gambar yang diberi tanda kotak merah. Tugas anda, yakni mencari kode imageanchor="1", lalu hapus kode tersebut. Kemudian, cari kode border="0", lalu ganti dengan kode style="border:none". Setelah langkah ini selesai, anda bisa menekan tombol “Compose” agar tampilan artikel anda kembali lagi seperti semula dan sudah siap untuk diposting. Atau mau langsung posting dengan kondisi yang seperti itu juga boleh, terserah anda.
Related Post
Saya temukan beberapa script related post yang ternyata error validasi. Salah satu sebabnya karena label menggunakan dua kata atau lebih, misalnya ditulis “Bedah Blog”. Maka jika penulisannya seperti itu akan menimbulkan white space, cara penulisan yang tepat seharusnya ditulis “Bedah%20Blog”.
Berdasarkan hasil investigasi internal, seputar kasus itulah yang saya temukan baru-baru ini. Sebenarnya penyebab error di halaman posting, bisa juga disebabkan oleh tombol like/share media sosial. Tapi karena kebetulan di blog ini tidak menggunakan fitur tersebut, sehingga agak sulit bagi saya untuk mengada-ada dalam mengungkap sesuatu di luar kejadian sehari-hari yang biasa ditemukan.