Misalnya saja CSS menyerupai body {font:$(body.font); color:$(body.text.color); background:$(body.background)}. Jika kode-kode tersebut kita ganti secara asal, kemungkinan tampilan blog kita akan terkena imbasnya atau tepatnya, tampilan blog akan berantakan. Tapi lain lagi ceritanya kalau seseorang tersebut paham dengan instruksi CSS secara mendalam, Tapi saya cukup yakin, ini sanggup di bilang hanya beberapa orang saja.
Untuk mensiasati hal tersebut, kita sanggup mengkonversi instruksi CSS bawaan ke instruksi CSS standar editing sehingga nantinya kita akan lebih gampang dalam mengedit dan mungkin saja nantinya kita sanggup menciptakan tampilan yang lebih glamor di banding template yang sudah jadi. Ingat, template yang sudah jadi dan bersifat gratisan hanya menjadi media backlink bagi pembuat template. Tak jarang, script-script yang merugikan pengguna juga di suntikan untuk memantau dan mencari keuntungan.
Tertantang untuk menciptakan template kreasi sendiri dengan mengandalkan template bawaan dengan instruksi standar editing? Langsung saja..
Agar nantinya kita tidak terlalu repot dalam memodifikasi instruksi CSSnya, Edit saja template blog memakai editor bawaan. Caranya, masuk ke Template dan pilih tombol Sesuaikan kemudian tata lah blog kau sesuai keinginan.
Contoh,
Jika di rasa sudah cukup, jangan lupa untuk mengklik tombol Terapkan ke Blog sebelum kembali ke Dashboard blog.
Sekarang kembali ke hidangan Template dan pilih Edit HTML.
Dan kode-kode ini lah yang menciptakan gundah sebagian pengguna awam.
Untuk mengkonversi instruksi CSS di atas, kunjungi alamat blog yang templatenya sudah kau edit.
Sekarang, tekan Ctrl+U pada keyboard komputer kau dan rangkuman instruksi menyerupai ini biasanya akan tampil pada tab baru.
Tapi ingat, tidak semua instruksi yang sanggup kau ambil disini, Yang akan kita ambil hanya instruksi CSSnya saja. Jika ragu, berikut penjelasannya.
Kode yang ada dalam lingkup <style id='page-skin-1' type='text/css'><!-- hingga --></style> yaitu instruksi CSS yang nantinya harus di tempatkan pada lingkup <b:skin><![CDATA[ hingga ]]></b:skin>.
Sedangkan instruksi CSS yang ada pada lingkup <style id='template-skin-1' type='text/css'><!-- hingga --></style> yaitu instruksi CSS yang nantinya harus di tempatkan pada lingkup <b:template-skin> hingga </b:template-skin>.
Kaprikornus harap di perhatikan dengan seksama.
Untuk menata instruksi CSSnya supaya terlihat lebih rapi, Salin semua instruksi CSS yang ada dalam lingkup <style id='page-skin-1' type='text/css'><!-- hingga --></style> kemudian buka laman CSS Compressor yang sanggup kau kunjungi pada tautan ini.
Tempel instruksi CSSnya pada kolom yang tersedia. Sebelum menekan tombol Compress CSS sebaiknya kau mencentang pilihan Strip all comments untuk menghapus semua komentar yang terselip pada CSS.
Jika sudah, kini tekan tombol Compress CSS.
Inilah hasil kompresi CSSnya,
Untuk mempermudah pengeditan nantinya, Sekarang hilangkan kompresi CSSnya dengan memanfaatkan fitur De-compress. Caranya, hilangkan centang pada pilihan Break multiple selector.. dan centang pada pilihan Space after : and,.
Dan jadilah instruksi CSS yang lebih rapi sekaligus gampang di pahami sebab sudah berjalan di CSS standar editing.
Sekarang salin semua instruksi CSSnya dan ganti semua instruksi CSS yang ada pada lingkup <b:skin><![CDATA[ hingga ]]></b:skin> di template yang kau gunakan.
Lakukan juga cara yang sama untuk instruksi CSS yang ada pada lingkup <style id='template-skin-1' type='text/css'><!-- hingga --></style>. Jangan lupa, instruksi CSS yang ini harus kau tempatkan pada lingkup <b:template-skin> hingga </b:template-skin>. Tapi ini hanya pilihan (optional).
Kode yang ada pada lingkup <b:template-skin> hingga </b:template-skin> tolong-menolong sanggup di gabung dengan instruksi yang ada pada lingkup <b:skin><![CDATA[ hingga ]]></b:skin>. Namun kalau sudah di gabung menyerupai ini, pastikan kau telah menghapus semua instruksi mulai dari <b:template-skin> hingga </b:template-skin> termasuk semua instruksi yang ada di dalamnya sebelum menyimpan template.
Sekarang, Kode CSS template kau sudah gampang untuk di pahami dan di edit, tinggal bagaimana kau dalam mengkreasikannya supaya blog tersebut sanggup tampil lebih baik. Selamat bermain CSS!