Masih sekitar Berat Blog atau Blog yang Ringan, kali ini tentang upaya agar blog kita gak terlalu berat sehingga Loading Blog nya agak cepat dan salah satu cara untuk itu yaitu dengan mengkompress CSS, untuk itulah kali ini sengaja saya posting tentang Compress CSS Sebagai Upaya Optimasi Blog .
Oh ya kalau ada yang masih bingung dengan CSS, baiklah CSS itu kependekan dari Cascading Style Sheet yaitu sebuah bahasa pemograman atau dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web atau blog. Salah satu cara optimasinya adalah dengan mengkompresnya agar ukurannya menjadi lebih kecil , sehingga tidak terlalu membebani loading blog, dengan demikian diharapkan loading blog menjadi lebih cepat lagi karena sizenya telah berkurang setelah di compress. Gitu lho ceritanya….
Langkah atau cara Compress CSS Sebagai Upaya Optimasi Blog adalah sebagai berikut :
-
Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL
-
Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.
-
Cari kode CSS nya , biasanya terletak antara kode :<b:skin><![CDATA[/* dan ]]></b:skin>
-
Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu nanti diperlukan lagi.
-
Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code
-
Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.
-
Nanti ada beberapa pilihan seperti di bawah ini : (Untuk pemula sebaiknya pilih Light dan Don strip any comments saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek 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)
- Klik Compress it yang ada dibawah kotak tersebut
- Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan seperti ini :
Compression results
Original size: 14487 bytes
Compressed size: 12357 bytes
Savings: 2130 bytes (15%)
- Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara : <b:skin><![CDATA[/* dan ]]></b:skin>
- Jika semua sudah selesai jangan lupa Save Templates
- Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog
- Jika mau tahu Seberapa Berat Blog Sobat, Klik aja Posyandu
- Terima kasih telah mampir, yo kita saling vote dan saling comment ...
- Jika ingin pulsa murah gabunglah disini… ingat gabung atau tidak kita tetap membutuhkannya
30 comments:
(maaf) izin mengamankan PERTAMA dulu. Boleh kan?!
Info yang bagus, nih. Walau urusan CSS gak ada sangkut pautnya dengan blog WP saya yang gratisan tetapi lumayanlah nambah pengetahuan. Biar bisa kayak ahli.
Wakakakakaak
wah hebat informasinya,,trims sobat,,nyoba ahh,,,
@ Alamendah : Makasih sobat.. postingan tentang Jalak Balinya ok banget tuh.. saya teringat saat 6 hari seminar keliling mulai Tretes-Malang lanjut ke Baluran- Situbondo terus nyebrang ke Tamnas Bali Barat.. tempat habitat aslinya burung indah ini hehe...
@ Bandung Bisnis : Silahkan dulur.. pokoknya I Love Bandung
Biar blog lebih ringan ya? Terima kasih infonya
@ Muchlisin : Yups benar sekali sobat.. luayan bisa ngurangi size blog
aduh kang... ku abdi parantos di cobi, tabi beut error, naha nya kang ?
@ Lisand : saya juga gak bisa masuk ke blognya tuh.. ada eror URL nya sobat... ttg CSS ini mungkin ada kode yg gak ter cut.. ingat letak CSS itu antara <b:skin><![CDATA[/* sampai ]]></b:skin>
link web ini telah saya save.. terima kasih..
link balik yahhh ..
Knp bingun gini, gak paham Mas. Tp terima kasih infonya, sapa tahu besok otak ini bisa terbuka biar bisa paham, mklum pemula.
Kalo pake Wordpress gimana ya mas? Cukup pake plugins ada gak ya?
@ Direktori Bisnis Online : makasih sobat... langsung dah di linkback...
@ Wong Jalur : Hehe... enjoy aja sob.. gak usah bingung2.. hehe
@ mbak maya : waduh mbak kalau untuk WP sy kurang paham tuh... coba aja swan ke oon google..
Wah Hebat, dapat info dari forum, sungguh bermanfaat trim banget
mantab kang infonya :)...makasih informasinya :)
Efeknya apa Kang? Apa blog jadi ringan atau gimana? Trus kalau sudah di kompres, bisa dikembalikan kesemula lagi tak..??
@ yoyon : @ jhonson blog : Sama 2 sobat.. itulah indahnya berbagi
@ Adrie : Efeknya.. yaah.. mengurangi size blog sehingga ada efeknya sedikit thd loading blog.. walaupun ini ukan satu2 nya cara utk mempercepat loading.. kalau dah di compres.. ya gak bisa dikembalikan lagi.. untuk itu kita harus backup dulu css aslinya.. siapa tahu nanti diperlukan lagi..
Siap Kang..Dipelajari dan dipraktikkan. Thanks berat... :-)
Kang kalo di compress gitu ada efek sampingnya nggak terhadap tampilan blog? misalnya gambar jadi pecah atau yang tadinya detil jadi kabur?
@ Edwin Prasetia : Sama2 sobat silahkan di gunakan. semoga bermanfaat
@ tukangpoto : Oh gak tuh.. kan yg di compres hanya CSSnya aja... seperti blog ini juga cssna di compress. Ohya sebaiknya CSS aslinya di backup dulu.. siapa tahu nanti kita butuh lagi...
tolong cobain punyaku donk....berat nggak
Makasi infonya mas. Langsung saya coba nie!
Bos trimakasih udah ad link baner saya.
Mungkin kita bisa saling bantu nih.
Ternyata dengan membuat link teman dengan scrol dsb,memang enak dilihat tapi menghalangi crawl search engine itu terjadi pada blog saya. setelah gogling kesana kemari akhirnya saya temukan jawaban . Agar search engine dapat mencari tautan link maka kita harus membuat widget link default aja. maka pada blog saya halaman link sahabat tidak saya hilangkan untuk sahabat yang pake baner bisa tetep lihat banernya dihalaman itu. Tapi Pada widget ling ditampilkan hanya teks saja.Diblog saya tampilkan dibawah.
Tolong koreksi kalo ada kesalahan minta komentnya yah emailok atau tulis di komentar bos
Keep bloging.Kita jalin persahabatan lewat Blog.
http://mymp3colection.blogspot.com/
Hai, salam kenal, artikel anda ada di
sini
ayo gabung bersama kami dan promosikan artikel anda ke semua pembaca. Terimakasih ^_^
@. kak Roni : blognya cukup ringan bos. aizenya hanya 115.08 KB, loading 0.33 seconds , atur aja pola makannya jangan sampe gembrot
@ Dunia komputer : yups sama2 bos. makasih ya
@ Suparno 168 : waduh bener ga tuh,, justru dulu link sahabat itu saya pindahkan ke area posting , justru katanya kalau di blogroll kurang memberi efek terhadap back linknya, kan kasihan ama sobat2 tuh,, disamping itu bisa untuk mengurangi berat blog. intinya lebih bagus di hal posting.. bingung juga mana yg bener nih ??.
Oh ya.. kok sy gak bisa coment di blognya ya.. kenapa tuh ??
@ info gue : Lam kenal kembali, boleh juga tawaran yang bagus tuh.. langsung meluncuuur...
wah sangat bermanfaat nich, btw lumayan cepet juga nich load nya thx infonya
wah infonya sangat berguna,,,,tq
Makasih sobat.kayaknya masuk akal juga.Segera ak coba.
wow! thanks for another great blog post!
Customized application development
bro, sudah dicoba. memang agak cepetan dikit sih...tapi tetep sepi pengunjung
@ Ngobrol seputar bisnis :
@ aceh Deign
@ Mrxxx
@ rosi
Thanks atas komentnya ya..
@ carbuzz : hehe.. kok di blognya gak ada fasilitas utk komen ???
Sepertinya aku perlu ikutan anak-anak muda....,ternyata pinter-punter....
Post a Comment
Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda. Trims atas kerjasamanya