Membuat CSS Bundle di Blogger Valid

Tutorial ini diambil dari Blog saya Tutorial Plus Dengan Sedikit Perubahan​

​

CSS bundle adalah css dasar bawaan blogger untuk mengatur tampilan dafault, baik itu css untuk komentar ataupun kotak widget. banyak orang yang ingin menghapus css ini dikarenakan tidak valid CSS3 di w3c. namun jika kita menghapusnya, kita akan terkena dampaknya. yaitu tampilan menjadi "rusak". nah, tutorial disini saya akan memberitahukan cara membuat CSS bundle valid. oke langsung menuju tutorial.

Langkah pertama adalah memindahkan css dari elemen <b:skin> ke <style>, caranya :
Cari kode dari <b:skin><![CDATA[ sampai kode ]]></b:skin>, jika sudah ketemu silahkan anda copy dan hapus (lebih mudah di cut saja) kode tsb. simpan lah kode tadi di media teks editor seperti Notepad. jika sudah silahkan masukan kode tadi di antara tag <style type='text/css'> dengan </style>, posisinya diatas kode </head> kode lebih jelasnya :

Code:

<style type='text/css'>

paste kode css tadi disini

</style>

Langkah kedua adalah menghapus kode CSS bundle dengan cara mengganti kode <b:skin><![CDATA[]]></b:skin> dengan kode dibawah:

Code:

  <style type='text/css'> <!-- /* <b:skin><![CDATA[*/]]></b:skin>

Langkah ketiga mengganti CSS bundle yang telah dihapus dengan css bundle yang valid, caranya , masukan kode dibawah ini di atas kode css langkah pertama tadi (<style type='text/css'> )

Code:

<link href='http://plustutorial.googlecode.com/svn/trunk/validbundle.css' rel='stylesheet' type='text/css'/>

save dan beres.
Silahkan Cek di W3c Validator. Dan kini css bundle di blogger menjadu valid ! :goodjob:
Sekian Thread Ini Semoga Bermanfaat.