Solusi untuk Kode CSS Berwarna Merah pada Edit HTML

Sebenarnya kasus tersebut terjadi pada template yang telah menonaktifkan widget CSS bundle default blogger, karena dengan menonaktifkan widget tersebut maka mereka harus menuliskan CSS nya diluar kode <b:skin> , dengan menggunakan <style type='text/css'> .
dengan menuliskan CSS pada style tersebut, pasti teks CSS yang mengandung karakter (") / (') akan menjadi merah, karena kode tersebut berubah menjadi " dan sebagainya,, lihat gambar dibawah ini :

kode tersebutlah menjadi kurang baik untuk blog, karena setelah kita menambahkan CSS atau edit CSS pada HTML, dan kode yang kita edit / tambahkan tersebut mengandung karakter (") / (') dan lain sebagainya, maka ketika kita save template dan kita ingin meninggalkan halaman Editor HTML Template maka akan uncul pop up yang bertuliskan "Anda masih memiliki perubahan yang belum disimpan dan akan hilang." padahal kita sudah menyimpannya dan sudah berhasil tersimpan, itulah alasannya mengapa kode yang berwarna merah itu kurang baik untuk blog.

Nah agar kode tersebut tidak menjadi merah seperti kasus diatas, maka anda perlu menambahkan kode /*<![CDATA[*/ pada awalan kode style dan kode /*]]>*/ pada akhiran </style>. dan anda harus mengganti CSS anda dengan CSS yang dicopy dari page view source anda, dengan cara sebagai berikut

Buka blog anda, dan klik kanan pada blog anda, dan click Inspeksi Elemen . setelah itu silahkan click sembarang Elemen HTML, misal seperti pada gambar dibawah ini :

kemudain klik yang saya lingkari merah itu maka anda akan dibawa kehalaman untuk melihat CSS anda pada halaman editor gaya, kemudian cari CSS anda, biasanya pada Lembar Gaya Sebaris yang memiliki banyak rule, apabila sudah ketemu silhkan salin semua CSS anda dan tempelkan dulu di Notepad, dan sekarang masuk Editor Template, dan pilih Edit HTML lalu hapus semua CSS anda dan tempelkan CSS yang tadi anda simpan pada Notepad, jangan disave dlu, tambahkan dlu /*<![CDATA[ pada awalan kode style dan kode /*]]>*/ pada akhiran </style>. hasil akhirnya seperti gambar dibawah ini :

Tweet