Artikel ini biasa hasil survei di saya nemu blog (ramlantjong.com) yang pada salah satu postingannya membahas tentang “mengurangi jarak pada css agar gak berat”. Dan juga melihat tulisan dari blognya http://panduan-info.blogspot.com jadi saya sharing kembali.
Okelah kalo beegitu kita ikuti langkahnya Cara Kompress Template Blogger:
1. Sebelum anda kebanyakan melancarkan aksi, lebih baik cek atau ukur dulu berat blog anda sehingga anda tau berapa lama loading blog anda, saya sendiri biasa menggunakan :
2. Setelah mengukur loading blog anda, pikirkan kembali untuk menyingkirkan widget di blog anda yang tidak terlalu penting.
4. Masuk ke Rancangan >> Edit HTML
>> Bagi anda pengguna draft blogger yang baru maka bisa mengakses Edit HTML dengan cara :
>> Pada Address Bar ketik : http://draft.blogger.com/html?blogID=5330173393243789043
>> Ganti tulisan yang berwarna MERAH dengan blogID akun blogger anda
5. Klik "Download Template Lengkap" untuk mem-Back Up template anda, simpan juga semua kode css blog anda di notepad untuk jaga-jaga.
PENTING : Setelah dikompres nanti kode css template blog anda akan menjadi hampir tidak memiliki jarak, karena kompres css yang dilakukan disini prinsipnya adalah memadatkan/mengurangi jarak pada css blog, salah satunya adalah menghilangkan spasi pada kode css blog anda. Artinya hal ini akan membuat anda sedikit kurang nyaman atau pusing ketika akan kembali meng-editnya kelak. Karena itulah back-up sangat diperlukan disini.
6. Centang kotak Expand Template Widget
7. Cari (Ctrl+F) kode :
AMBIL semua kode CSS dari setelah kode <b:skin><![CDATA[/* sampai pada kode sebelum ]]></b:skin>
CONTOH :
<b:skin><![CDATA[/*
| AMBIL DARI SINI
.....................
SAMPAI DISINI | ]]></b:skin>
| AMBIL DARI SINI
.....................
SAMPAI DISINI | ]]></b:skin>
9. Ganti settingan compress css menjadi seperti ini :
- Compression mode = pilih 'Super Compact'
- Comments handling = pilih 'Strip ALL comments'
10. Kemudian tempatkan hasil kompresannya di tempat semula.
CONTOH :
<b:skin><![CDATA[/* |TARUH DISINI
..................... SAMPAI DISINI |
]]></b:skin>
..................... SAMPAI DISINI |
]]></b:skin>
11. Masih belum selesai, sekarang cari kode <body>
kemudian AMBIL semua kode setelah <body> hingga sebelum </body>
CONTOH :
<body> |AMBIL DARI SINI
..................... SAMPAI DISINI | </body>
..................... SAMPAI DISINI | </body>
13. Copy paste-kan kode hasil kompresan tersebut ditempat semula yaitu diantara setelah kode <BODY> hingga sebelum kode </BODY>
CONTOH :
<body> |TARUH DISINI ..................... SAMPAI DISINI | </body>
14. Klik >> Simpan
15. Ukur kembali berat loading blog anda, cara menimbang berat loading template anda masih sama seperti cara di atas, buka saja salah satu website pengukur loading blog berikut ini :
Intinya, agar blog tidak berat adalah memperhatikan bagaimana penampilan blog anda, tidak ada langkah yang lebih jitu untuk mempercepat loading blog selain memperhatikan apa yang memang anda tampilkan. Gambar, iklan (PPC), banner, semuanya dapat membuat loading blog menjadi berat, jadi perlakukan blog anda dengan bijak.
Namun semua itu terserah kepada anda pemilik blog tentunya..mau diapakan itu blog anda.
Namun semua itu terserah kepada anda pemilik blog tentunya..mau diapakan itu blog anda.
Admin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak