Panduan Lengkap Membuat Blog Valid CSS3
- 11 October 2013
- CSS Tips SEO
- 0 komentar
Pada artikel sebelumnya saya sempat menceritakan valid HTML5. Nah, pada artikel ini saya juga akan bercerita mengenai valid. Namun valid yang ini sedikit berbeda tapi tetap bersaudaraan dengan HTML yakni CSS. Mungkin kamu pernah mendengar CSS3. CSS3 tersebut merupakan generasi CSS terbaru saat ini. Untuk membuat blog kita bisa valid CSS3 sebenarnya cukup mudah. Kamu bisa menyimak panduan dari artikel yang diterbitkan oleh Kang Ismet.
Namun sepertinya apa yang dijelaskan pada artikel tersebut menurut saya masih kurang lengkap. Untuk itu, postingan ini saya terbitkan buat mencoba melengkapi artikel yang diterbitkan oleh Kang Ismet tersebut. Mungkin hanya beberapa saja yang bisa saya berikan. Ini berdasarkan pengalaman saya sebelumnya saat membuat blog ini menjadi valid CSS3.
Buat kamu yang mengalami error dengan perintah penghapusan DXImageTransform pada saat pengecekan valid CSS3. Mungkin kamu sudah merasa sangat kesal dengan kode tersebut. Saat kita mencari kode tersebut pada data blog kita memang tidak adanya kode bertuliskan DXImageTransform tersebut. Karena kode tersebut bukan berbentuk/bertuliskan DXImageTransform seperti itu. Melainkan berbentuk seperti:
Awalnya, saya juga merasa sangat pusing, kesal, dan jengkel karena tidak menemukan kode DXImageTransform yang dimaksud. Namun, setelah saya bertanya pada Kang Ismet pada postingan bersangkutan dan mencoba mencari tau melalui penelusuran om Google. Akhirnya saya menemukan apa yang dimaksud DXImageTransform tersebut.
Selanjutnya adalah salah dalam penulisan perintah css. Penulisan yang kurang pada perintah CSS tersebut juga berpengaruh tidak validnya blog kita terhadap CSS3. Sebagai contoh: menulis link visited. Ternyata masih ada juga para blogger yang menulis perintah yang salah/kurang. Sehingga tulisan visited berubah menjadi visit. Buat yang belum mengerti akan dasar penulisan perintah link pada css bisa pelajari disini.
Terakhir, hindari perintah double pada satu element. Ex: Kamu ingin membuat judul widget blog kamu itu terdapatnya efek bold dan italic. Namun kamu menulis 2 (dua) perintah yang sama dengan maksud berbeda yakni:
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/2775015444-widget_css_bundle.css' />.Awalnya, saya juga merasa sangat pusing, kesal, dan jengkel karena tidak menemukan kode DXImageTransform yang dimaksud. Namun, setelah saya bertanya pada Kang Ismet pada postingan bersangkutan dan mencoba mencari tau melalui penelusuran om Google. Akhirnya saya menemukan apa yang dimaksud DXImageTransform tersebut.
Selanjutnya adalah salah dalam penulisan perintah css. Penulisan yang kurang pada perintah CSS tersebut juga berpengaruh tidak validnya blog kita terhadap CSS3. Sebagai contoh: menulis link visited. Ternyata masih ada juga para blogger yang menulis perintah yang salah/kurang. Sehingga tulisan visited berubah menjadi visit. Buat yang belum mengerti akan dasar penulisan perintah link pada css bisa pelajari disini.
Terakhir, hindari perintah double pada satu element. Ex: Kamu ingin membuat judul widget blog kamu itu terdapatnya efek bold dan italic. Namun kamu menulis 2 (dua) perintah yang sama dengan maksud berbeda yakni:
font-weight:bold; dan font-weight:italic;. Sebaiknya dalam pemilihan perintah seperti itu kamu pilih salah satu perintah yang sesuai dengan blog kamu. Apa itu cocok menggunakan bold saja atau italic saja.
Untuk perlu kamu ketahui. Saat melakukan valid CSS3 dan berhasil. Maka masalah kamu belumlah sepenuhnya selesai. Kamu akan mengalami masalah baru yakni susunan tata letak blog kamu akan berjejer kebawah. Untuk itu, dalam menyelesaikan hal tersebut kamu harus menguasai betul struktur css yang kamu gunakan. Sehingga tata letak blog kamu kembali seperti biasanya.
Show Emoticon