Sabtu, 13 September 2014

Cara menghapus CSS Reset Stylesheet Blogger agar valid CSS3

validasi css3

Menonaktifkan CSS Reset ini, saya temukan di Blog Damar Zaky dan aplikasinya dipermudah oleh Kompi Ajaib. Sebelum menonaktifkan CSS Reset Stylesheet Blogger, silahkan lihat kode dibawah, biasanya susunan template akan seperti ini :

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

ganti <b:skin><![CDATA[* dengan

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

ganti kode ]]></b:skin> dengan kode :

</style>

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

Hapus Beberapa Kode


Banyak tutorial yang memberikan kode CSS untuk diterpakan pada berbagai browser. Dengan hadirnya CSS3 ini, kode-kode tersebut sudah tidak diperlukan lagi. Seperti contoh kode rounded corner (ujung membulat) biasanya kodenya akan seperti ini :

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

dengan hadirnya 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

0 komentar:

Posting Komentar