Percepat Loading Blog Dengan CSS Compressor

Banyak cara untuk mengurangi berat loading blog. Salah satunya dengan CSS Compressor.Cara kerja alat ini adalah memotong/memperpendek code CSS dari template blog. Sehingga membuat kode-kode yang ada pada template blog menjadi lebih sedikit. Alhasil ,loading blog menjadi lebih cepat.

 Kode CSS pada tempplate contohnya seperti ini,

a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:visited {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:hover {
color: #ffffff;
text-decoration: none;
padding: 0px 0px 0px 3px;
}

Setelah diamati, maka dari contoh tersebut kita bisa melihat ada dua bagian CSS yang sama. Bagian itu adalah properti CSS untuk fungsi a dan fungsi a:visited. Nah, kedua properti tersebut dapat disederhanakan dengan menggabungkannya dengan memberi tanda koma ( , ). Sekarang perhatikan kode warna dalam hexa color code #ffffff. Warna juga bisa disederhanakan menjadi seperti ini #fff. Sehingga secara keseluruhan kode CSS tersebut bisa menjadi seperti ini :

a,a:visited{
color:#fff;font-size:12px;
text-decoration:none;
text-transform:title case;
padding:0 0 0 3px
}

a:hover{
color:#fff;
text-decoration:none;
padding:0 0 0 3px
}

Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat disederhanakan lagi menjadi seperti ini :

a:hover{color:#fff;text-decoration:none;padding:0 0 0 3px}
a,a:visited{color:#fff;font-size:12px;text-decoration:none;text-transform:title case;padding:0 0 0 3px}

Nah, jika sudah menjadi singkat sperti itu, maka dijamin loading blog akan menjadi cepat.

Banyak tool CSS compressor yang bisa Anda gunakan secara gratis di internet. Cari saja dengan kata kunci "css compressor" atau "free css compressor". Salah satunya adalah CSS Compressor situs yang memang khusus menangani kompresi CSS. Nah, jika Anda memang tertarik menggunakan tool ini, maka saya sarankan sebaiknya backup dulu templateAnda dan simpan di komputer.

Berikut langkah cara kompresi CSS dengan CSS Compressor :

1. Silahkan kunjungi http://www.csscompressor.com
2. Pada Compression Mode pilih mode kompresi yang anda inginkan. Ada yang Highest, Hight, Standart, atau Low.
3. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
4. Kemudian klik tombol Compress.

5. Di kolom bawah akan ada hasil kompresi. Sekarang klik tombol Select All. Copy kemudian paste kode tersebut pada template anda yang CSS nya dikompres.

6. Selesai.

Selain tool dari CSS Compressor, Anda juga bisa menggunakan tool css compressor lainnya dari CSSDrive.com, Arantius.com, Mabblog.com, CSSOptimiser.com dan lain-lain. Silahkan kunjungi situs-situs di bawah ini untuk mengkompress CSS template blog Anda :

http://cssoptimiser.com
http://mabblog.com/cssoptimizer/compress.html
http://tools.arantius.com/css-compressor
http://iceyboard.no-ip.org/projects/css_compressor
http://www.cssdrive.com/index.php/main/csscompressor

Bagaimana, mudah-mudahan loading blog anda akan semakin cepat dengan tool CSS Compressor ini.

Salam Blogger !

Cara Membackup Template

Backup Template benar-benar dibutuhkan pada saat kita akan menitak-atik "EDIT HTML" . . . .

Gunanya yaitu, jika kita sudah backup template, lalu tiba-tiba kita merasa kurang puas dengan hasil otak-atik Edit Html-nya . . .maka kita bisa mengembalikan template yang lama/sebelum diedit. Nah, bukankah backup template benar-benar berperan penting saat kita akan mengedit template kita ?

Apa yang akan terjadi jika kita tidak membackup terlebih dahulu .? . .dan saat blog kita dipreview/dilihat malah menjadi ancur tak karuan, ini tentunya akan merugikan kita, karena kita tidak akan bisa mengembalikan kondisi tempalte sebelumnya . . . .

Nah, langkah-langkah untuk membackup template sangat-sangat mudah . . ..

Saat kita berada pada EDIT HTML, kan ada tulisan Download Template Full . . . . .Nah, itu dia yang harus kita klik, jika kita klik, maka otomatis tempalte kita (sebelum diedit) akan terdownload, masuk ke komputer kita.

Dan jika nanti kita tidak puas terhadap hasil editannya, cara mengembalikan template yang awal (sebelum diedit) yaitu tinggal meng-upload download-tan template kita sewaktu akan edit html...

Cara uploadnya yaitu, pada EDIT HTML, klik browse , cari file template yang sudah didownload, kemudian klik upload . . . .berhasil deh, template kita kembali seperti semula . . .

Note  : Kamu bisa lebih berhati-hati lagi dalam melakukan pengeditan html, selain dengan backup template, Kamu bisa klik 'Preview' terlebih dahulu sebelum menyimapan hasilnya, klik preview ketika selesai mengedit dan ingin melihat hasilnya kayak apa, , dan jangan klik "save template buru-buru", jika hasil akhirnya saat dipreview udah sesuai dengan keinginan hati, nah , , ,baru boleh disimpan.