Kali ini tentang upaya agar blog kita gak terlalu berat sehingga loading blognya agak cepat dan salah satu cara untuk itu ialah dengan mengkompress CSS, untuk itulah kali ini saya sengaja memposting tentang Cara Mengkompres Blog CSS Sebagai Upaya Optimasi Blog.
Oh ya kalau ada yang masih bingung dengan CSS, baiklah CSS itu kependekan dari Cascading Style Sheet, yaitu sebuah bahasa pemograman atau dokumen yang digunakan untuk mendesain atau mengaturtampilan tataletak sebuah halaman web atau blog.
Salah satu cara mengoptimasi adalah dengan mengkompressnya agar ukuranya menjadi lebih kecil, sehingga tidak terlalu membebani loading blog. Dengan demikian diharapkan loading blog menjadi cepat lagi karena sizenya telah berkurang setelah di compress. Begitu ceritanya.. he he he....
Dibawah ini langkah atau Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog adalah sebagai berikut:
1. Login ke Blogger lalu pilih layout dan klik Edit HTML
2. jangan lupa backup tamplate dulu dengan download full template, siapa tau nanti malah berantakan.
3. cari kode CSS nya, biasanya terletak antara kode: <b:skin><![CDATA[/* disini kode css yang mau di kompress sampai ]]></b:skin>
4. kalau CSS nya sudah ketemu tinggal di blok, lalu ambil atau Cut, dan simpan dulu di notopad, akan lebih baik lagi jika notopad nya di save sebagai backup siapa tau nanti diperlukan.
5. Jika sudah baru kita masuk ke http://www.cssdrive.com/index.php/main/csscompressor/ untuk mengkompresnya, disitu akan ada kotak bertuliskan insert CSS Code
6. Copy CSS yang tadi disimpan dinotopad tersebut kemudian pastekan di kotak insert CSS code
7. Nanti ada bebrapa pilihan seperti dibawah ini: (Untuk pemula pilih light dan don strip any comments saja dahulu, supaya masih tetap terbaca nanti kita mau utak atik CSS lagi)
Compression mode: (?)
Light
Normal
Super Compact
Comments handling: (?)
Don't strip any comments
Strip ALL comments
Strip comments at least chars long (NOT counting line breaks within comment)
8. Klik compress it yang ada dibawah kotak tersebut
9. Tunggu Sebentar samapi proses selesai, kalau dah selesai dibawahnya suka ada keterangan seperti keterangan ini:
Compression results
Original size: 20860 bytes
Compressed size: 18693 bytes
Savings: 2167 bytes (10%)
10. Copy Hasil Compresan tersebut dan pastekan kembali ditempat semula terletak antara kode: <b:skin><![CDATA[/* disini kode css yang mau di kompress sampai ]]></b:skin>
11. Jika sudah selesai jangan lupa simpan Template nya
12. Selesai, Selamat mencoba untuk Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog
source
Oh ya kalau ada yang masih bingung dengan CSS, baiklah CSS itu kependekan dari Cascading Style Sheet, yaitu sebuah bahasa pemograman atau dokumen yang digunakan untuk mendesain atau mengaturtampilan tataletak sebuah halaman web atau blog.
Salah satu cara mengoptimasi adalah dengan mengkompressnya agar ukuranya menjadi lebih kecil, sehingga tidak terlalu membebani loading blog. Dengan demikian diharapkan loading blog menjadi cepat lagi karena sizenya telah berkurang setelah di compress. Begitu ceritanya.. he he he....
Dibawah ini langkah atau Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog adalah sebagai berikut:
1. Login ke Blogger lalu pilih layout dan klik Edit HTML
2. jangan lupa backup tamplate dulu dengan download full template, siapa tau nanti malah berantakan.
3. cari kode CSS nya, biasanya terletak antara kode: <b:skin><![CDATA[/* disini kode css yang mau di kompress sampai ]]></b:skin>
4. kalau CSS nya sudah ketemu tinggal di blok, lalu ambil atau Cut, dan simpan dulu di notopad, akan lebih baik lagi jika notopad nya di save sebagai backup siapa tau nanti diperlukan.
5. Jika sudah baru kita masuk ke http://www.cssdrive.com/index.php/main/csscompressor/ untuk mengkompresnya, disitu akan ada kotak bertuliskan insert CSS Code
6. Copy CSS yang tadi disimpan dinotopad tersebut kemudian pastekan di kotak insert CSS code
7. Nanti ada bebrapa pilihan seperti dibawah ini: (Untuk pemula pilih light dan don strip any comments saja dahulu, supaya masih tetap terbaca nanti kita mau utak atik CSS lagi)
Light
Normal
Super Compact
Comments handling: (?)
Don't strip any comments
Strip ALL comments
Strip comments at least chars long (NOT counting line breaks within comment)
8. Klik compress it yang ada dibawah kotak tersebut
9. Tunggu Sebentar samapi proses selesai, kalau dah selesai dibawahnya suka ada keterangan seperti keterangan ini:
Compression results
Original size: 20860 bytes
Compressed size: 18693 bytes
Savings: 2167 bytes (10%)
10. Copy Hasil Compresan tersebut dan pastekan kembali ditempat semula terletak antara kode: <b:skin><![CDATA[/* disini kode css yang mau di kompress sampai ]]></b:skin>
11. Jika sudah selesai jangan lupa simpan Template nya
12. Selesai, Selamat mencoba untuk Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog
source
Mohon dengan sangat untuk berkomentar dan saran demi kemajuan bersama,, beri kritik yang bermanfaat dan jangan lupa join blog ini..!
oke??? terima kasih :) ConversionConversion EmoticonEmoticon