Cara Meringankan Berat Blog Dengan Merampingkan CSS

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

Real Page http://alprablog.blogspot.com/