Valid CSS3 menurut saya yaitu untuk menstrukturkan komponen-komponen sesuai dengan sesuka kita. Lebih detailnya dalam mengatur margin, padding dll. Sebelum Anda memasuki tahap CSS3 menurut saya, Anda harus paham dengan dasar-dasar HTML. Jika Anda sudah cukup mampu mengenal dasar-dasarnya, Anda bisa mencoba Cara Membuat Blog Lebih Valid CSS3. Menurut saya pribadi ini sangatlah penting. Karena, dengan Validnya CSS3 Blog Anda akan terasa lebih ringan.
Tidak hanya membuat Blog ringan (dalam loading), tapi juga lebih memperlancar kekuatan SEO Blog Anda. Jika Blog Anda sudah Valid CSS3 maka bisa Anda buktikan di Seoanalyser. Maka disitu akan tertera jika Blog Anda Valid CSS3 dan descriptionnya mengenai SEO.
Tahap Membuat Blog Lebih Valid CSS3
Di beberapa Blog, Anda tentunya sudah mengenal kode berikut kan ?? Dan sudah menerapkannya ??<style type="text/css">
<!-- /*<![CDATA[*/]]>
Nah, kode diatas itu tadi adalah tahap pertama atau awalnya dan sudah beredar banyak di berbagai Blog. Kali ini tahap selanjutnya agar Blog kalian lebih Valid CSS3.✓ Hilangkan kode yang bercirikan :
@-webkit-
@-moz-
@-ms-
@-o-
✓ Selanjutnya hati-hati jika menggunakan gambar yang menggunakan Base64. Misalnya :
url(data:image/png;base64,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
Solusinya, tambahkan "..kode gambar Base64.."✓ Next tahap berikutnya :
Hati-hati dengan kode berikut :
DXImageTransform
- opacity=
Seperti itulah tahap-tahap dari saya yang banyak saya jumpai di Blog-blog lain. Sebenarnya, masih sangat banyak kode-kode yang mengganggu Validnya CSS3. Mungkin Anda ingin mencobanya dan bertanya kepada saya, silahkan melalui komentar dibawah. Selamat mencoba.
35 comments
yezzz AKHIRNYA BISA PERTAMA JUGA MASTER..
X ✓SAYA COBA TRIKSNYA :)
silahkan..
X ✓ckckck siiplah :D
X ✓:-d
X ✓tapi kayaknya ngak bisa master karena logo saya menggunakan
X ✓@-webkit-keyframes
bisa Mas. hanya menghilangkan @-webkit- saja :)
X ✓saya coba dech master :)
X ✓dicoba pantang menyerah :D
X ✓mantap kang ntar saya cb kl k sibuk..
X ✓ini nih yang saya tunggu-tunggu. blognya Master sudah valid masa saya tidak :D
X ✓oke, saya coba :)
X ✓oke kang..
X ✓hehe sebenarnya sudah lama Blog saya Valid CSS3 :)
X ✓kemarin saya nemu valid html5, sekarang CSS3, hehe makin muter za nih kepala :D
X ✓hehe harus dicoba semua Mas :)
X ✓Numpang pertamax ya. ^^
X ✓Wah harus liat lagi jeroan blogku nih...
X ✓iya Mas.. harus dibongkar :D
X ✓solarnya aja deh :D
X ✓waduh saya masih belum paham master tentang css3... kasihan deh saya... kalau suruh utak atik daleman sayah paling risi takut error... daleman blog maksudnya
X ✓Siap bongkar ni :)
X ✓makasih atas panduanya mas jin.
Jika ada waktu, silahkan berkunjung kerumah saya :)
ahaha dicoba ajalah Mas :)
X ✓beres dah :-d
X ✓Kok solusinya cuma satu :( lagian saya ga ngerti CSS yg gmna yang harus valid -_-
X ✓di paragraf terakhir kan sudah tertera jelas mengapa hanya itu yang saya share :)
X ✓gagal paham, om
X ✓terlalu gaptek urusan begini. templet dari jaman jepang aja ga berani ganti takut error, hehe
mantap mas,,,,,
X ✓trik luar biasa terimaksih udah berbagi
waduh.. harus berani dong Mas :)
X ✓sama-sama Mas..
X ✓jangan dibongkar, nanti capek :D
X ✓Alhamdulillah mas blog saya sudah Valid CSS3. Khasiatnya loading blog jadi lebih ringan.. :D
X ✓di pijit dong :D
X ✓alhamdulillah.. :-d
X ✓kecil-kecil banget mas :(
X ✓mksdnya ??
X ✓1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar
Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"
KONVERSI KODEEMOTICON