Kompres CSS |
Terkejut saya saat open source di sebuah blog dengan platfrom dari
blogger. Script CSS nya menghilang? Awala pertama memang sedikit
bingung, mungkin kalau di teliti lagi sebenarnya tidak menghilang
melainkan diringkas menjadi sebuah link yang ber file (dotCSS)
yang akan di pangill dalam sebuah HTML. Seperti di blog saya ini script
CSSnya tidak keluar, melainkan saya buat pemangilan link file CSS dalam
sebuah HTML.
Jika anda ingin membuat pemangilan file CSS ini dalam template anda,
Saya sarankan agar anda memback up template anda terlebih dahulu.
Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post
created
- Login ke Blogger.com Pergi ke Rancangan/Template > Edit HTML
- Potong (Cut) script CSS diantara tengah-tengah kode berikut
<b:skin><![CDATA[ script css (cut) ]]></b:skin>
- Paste script tersebut dalam sebuah notpad dan simpan dengan nama style.css (selain nama style juga tidak apa-apa asalkan ada .css)
- Upload file style.css tersebut dalam sebuah hosting. Jika anda tidak mempunyai sebuah hosting anda bisa mengunakan Google Sites sebagai hosting anda. klik berikut untuk cara Membuat Hosting Dari Google Site
- Setelah anda upload tahap selanjutnya membuat script pemanggil, masi pada halaman Edit HTML
anda ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode dibawah ini<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:skin><![CDATA[ ]]></b:skin>
</b:if> - Terakir klik Save Template dan lihat pada blog anda apakah script CSSnya sudah menghilang pada open source.
Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post
Cara membungkusnya cukup sederhana ikuti langkah 1-4 dan setelah selesai proses 1-4 sampai proses upload anda ganti kode<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
SCRIPT CSS (cut)
</style>
</b:if>
Dengan kode<style type='text/css'>
</style>
Sehinga menjadi seperti ini<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.<b:if cond='data:blog.pageType == "item"'>
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
</b:if>
created