Rabu, 27 Juni 2012

Hai Sobat² Blogger kali ini saya akan ngeshare Mengompres HTML atau CSS Blog

Sobat² kan berfikir "knapa sih Blog saya lelet" dan mungkin juga sobat² berfikir "mungkin blog ane bnyak Gadgetnya, Hapus aja ah..!" kan sayang gadget sobat yang bagus2 di hapus

ya udah deh.,.
langsung aja.,., 

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 [ini yang selalu terjadi di blogger sobat²kan?]

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:

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:

11. Jika sudah selesai jangan lupa simpan Template nya
 
12. selesai  dah Cara mengompres CSS atau html blog :D

Terima kasih telah membaca artikel kami

Semoga bermanfaat

Baca juga Artikel Lainnya :D

Dan 1 lagi nih.,.,
 
Facebook Cover atau Sampul Keren

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Rendy_Marfitra - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -