Cara Meringankan Berat Blog Dengan Merampingkan CSS

02.50 ---
Loading blog yang lama membuat pengunjung kesal? Jangan panik :D kali ini kita akan membahasnya. Taukah Anda website-website besar seperti yahoo, facebook dan sebagainya memiliki berat yang sangat ringan? Itu karena mereka menyisipkan semua kode CSS nya pada file external. Saya juga telah mencobanya sejak beberapa minggu ini, dan ternyata hasilnya memang benar, blog terasa lebih ringan. Tentu saja saya akan membagi tips ini kepada kalian semua.

Sebelum Anda membaca sampain bawah silahkan lihat berat blog Anda terlebih dahulu di >>Sini<< Ingat berat blog Anda sekarang.

Kita mulai saja ...

1. Login Blogger.com

2. Masuk ke Rancangan ~> Edit HTML.

3. Cari kode <b:skin><![CDATA[/*

4. Copas semua kode CSS Anda dari kode body sampai kode ]]></b:skin>.




klik gambar untuk memperbesar



Klik gambar untuk memperbesar

5. Silahkan buka CSS compressor.

6. Paste semua kode CSS Anda pada kolom yang tersedia.




Klik gambar untuk memperbesar

7. Klik Compress It!.

8. Copy semua kode CSS yang telah di compress.


9. Pastekan kodenya ke dalam Notepad.


10. Simpan notepadnya dengan format .css


11. Upload file Anda tadi di file hosting. Saya pakai Geocities.ws

12.  Masukan link Anda dalam kode berikut

<link href='http://www.hostingan-anda.com/skin.css' rel='stylesheet' type='text/css'/>

Keterangan : Ganti text yang berwarna merah dengan file hosting Anda.

13. Paste kode tersebut di bawah kode ]]></b:skin> 

14. Simpan...

Eiitttts.... belum selesai.. silahkan cek berat blog Anda di sini. Bagaimana? lebih ringan kan :D

Notice : Kelemahan dari cara ini adalah jika hosting Anda sedang mentenance atau sedang error. Maka blog Anda juga akan error. Jadi sebaiknya Anda tetap menyimpan file css dalam komputer Anda.

Karena banyak teman-teman yang belum ngerti apa itu kode CSS? Silahkan lihat conteh kode CSS nya di http://www.alprasite.cc.cc/js/contoh-skin.css

4 komentar:

derosteller mengatakan...

uwow ternyata bisa jadi berupa link selama ini aku hanya mengoptimalkannya saja dengan tool HTML Optimizer dari Iwebtool. Nice share izin mencoba...btw aku pertamax yaw....

derosteller mengatakan...

mmmm sob hasilnya malah kaya ini http://i1235.photobucket.com/albums/ff431/sadut/untitled-3.png?t=1314109160 gimana donk??? :berdukas:

Sadeva Aldy Pratama mengatakan...

@derosteller : Maaf, blm ngasih tau, buat template klasik ga bisa... kode tidak bisa dimasukan dalam CSS external.. :)

intan mengatakan...

gagal mas.. apanya ya yang salah

Posting Komentar