Membuat Blog Template Valid CSS3

Cara Membuat blog valid HTML5 dan CSS3

Ini ada beberapa tips bagi sobat yang ingin mencoba validasi CSS3, dengan menghilangkan error atau warning, silahkan coba tips dibawah ini :


Non Aktifkan CSS Reset Stylesheet Blogger


Cara menonaktifkan CSS Reset ini, saya temukan di Blog Damar Zaky, aplikasinya dibuat mudah oleh Kompi Ajaib. Silahkan lihat kode dibawah, biasanya susunan template sobat akan seperti ini :

<b:skin><![CDATA[*
......
KODE CSS DI SINI
......
]]>
</b:skin>


Kode <b:skin><![CDATA[*  diganti dengan kode dibawah ini :


&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>


Sedangkan kode  ]]></b:skin>  diganti dengan kode :


</style>


Setelah berhasil menonaktifkan CSS Reset ini, akan ada sedikit perubahan tampilan, baik di dashboard atau di blog. Saran saya tidak usah panik, edit saja satu persatu.


Langkah Selanjutnya Hapus Beberapa Kode


Dengan hadirnya CSS3 ini, kode-kode tersebut sudah tidak diperlukan lagi. Seperti contoh kode rounded corner (ujung membulat) biasanya kodenya akan kita temui di template kita seperti ini :

-moz-border-radius:5px;
-khtml-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

Dengan datangnya CSS3, untuk beberapa browser hanya diperlukan kode border-radius:5px, oleh karena itu, hapus semua kode yang berawalan:

-moz-
-khtml-
-o-
-webkit-

Hapus juga kode dengan awalan

DXImageTransform

Beberapa Perintah Validator


Banyak perintah-perintah perbaikan dari CSS Validator. Sebagai contoh perintah seperti ini :

Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.

Ini artinya, apabila ada hurup mempunyai spasi, tambahkan tanda petik ("). Misal : sobat menggunakan huruf Open Sans, Segoe UI, Arial (sebagai backup apabila huruf pertama tidak bisa diload) maka penulisannya

font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif

Sebetulnya masih banyak perintah yang lain, silahkan lakukan secara bertahap dan rilek saja. Selamat Mencoba tahap demi tahap agar blog template sobat valid HTML5 dan CSS3, 

Ditulis Oleh : Admin

Judul Artikel "Membuat Blog Template Valid CSS3 " Jika salin Artikel Membuat Blog Template Valid CSS3 , mohon mencantumkan sumber link https://www.satelit.net/2014/05/membuat-blog-template-valid-css3.html. Salam from Satelit Network

:: Web Hosting Indonesia ::

 
 
Copyright © Satelit Web Hosting