Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

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

Posted By Really Really Good
Jangan Asal Copy Paste, Jangan Lupa Cantumkan Link Aktif !!! baca aturannya Disini ^_^

Bagikan lewat :

Tweet

Anda sedang membaca artikel tentang Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog dan anda bisa menemukan artikel Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog ini dengan URL http://really-really-good.blogspot.com/2012/03/cara-mengkompress-blog-css-sebagai.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog sebagai sumbernya.

<a href='http://really-really-good.blogspot.com/2012/03/cara-mengkompress-blog-css-sebagai.html'>Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog</a>

Artikel lain yang mungkin ingin anda baca!

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!