Belajar Askep
.

Wednesday, April 11, 2012

Browse » Home » » Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog

Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog

Bagikan Keteman Lewat:



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 Belajar Askep
Jangan Asal CoPas!!! baca aturannya Disini
Thank You So Much!
Kalau sudah membaca silahkan isi Buku Tamu
Terima kasih telah membaca artikel: Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog Silahkan baca artikel Blog ©Belajar Askep Lainya Dibawah ini:
Advertisement below...!

Comments : Ada 0 komentar untuk Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog

Post a Comment

 
© Copyright 2011 : Belajar Askep
All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Ahmad Soleh Powered By Blogger
^_^ Submit | Template dari : Free Blogger Templates | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |