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
(maaf) izin mengamankan PERTAMA dulu. Boleh kan?!
ReplyDeleteInfo 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,,,
ReplyDelete@ 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...
ReplyDelete@ Bandung Bisnis : Silahkan dulur.. pokoknya I Love Bandung
Biar blog lebih ringan ya? Terima kasih infonya
ReplyDelete@ Muchlisin : Yups benar sekali sobat.. luayan bisa ngurangi size blog
ReplyDeleteaduh kang... ku abdi parantos di cobi, tabi beut error, naha nya kang ?
ReplyDelete@ 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>
ReplyDeletelink web ini telah saya save.. terima kasih..
ReplyDeletelink balik yahhh ..
Knp bingun gini, gak paham Mas. Tp terima kasih infonya, sapa tahu besok otak ini bisa terbuka biar bisa paham, mklum pemula.
ReplyDeleteKalo pake Wordpress gimana ya mas? Cukup pake plugins ada gak ya?
ReplyDelete@ Direktori Bisnis Online : makasih sobat... langsung dah di linkback...
ReplyDelete@ 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
ReplyDeletemantab kang infonya :)...makasih informasinya :)
ReplyDeleteEfeknya apa Kang? Apa blog jadi ringan atau gimana? Trus kalau sudah di kompres, bisa dikembalikan kesemula lagi tak..??
ReplyDelete@ yoyon : @ jhonson blog : Sama 2 sobat.. itulah indahnya berbagi
ReplyDelete@ 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... :-)
ReplyDeleteKang kalo di compress gitu ada efek sampingnya nggak terhadap tampilan blog? misalnya gambar jadi pecah atau yang tadinya detil jadi kabur?
ReplyDelete@ Edwin Prasetia : Sama2 sobat silahkan di gunakan. semoga bermanfaat
ReplyDelete@ 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
ReplyDeleteMakasi infonya mas. Langsung saya coba nie!
ReplyDeleteBos trimakasih udah ad link baner saya.
ReplyDeleteMungkin 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
ReplyDeletesini
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
ReplyDelete@ 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
ReplyDeletewah infonya sangat berguna,,,,tq
ReplyDeleteMakasih sobat.kayaknya masuk akal juga.Segera ak coba.
ReplyDeletebro, sudah dicoba. memang agak cepetan dikit sih...tapi tetep sepi pengunjung
ReplyDelete@ Ngobrol seputar bisnis :
ReplyDelete@ 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....
ReplyDeleteIkuut tipsnya ya :D
ReplyDeleteContoh kode CSS nya gimana yah kang?
ReplyDeleteWah, terimakasih mas info'nya... saya barusan nyoba, dan ternyata blog saya bisa lebih cepat, walaupun sedikit tapi lumayanlah untuk efisiensi waktu.... hehe
ReplyDeletewow nice info gan
ReplyDeletePERTAMA aku ngrasa kok loading blogspotku lama banget eh ternyata menjadi lebih cepat sekarang
main=main ke blogku dong
Free News Update
hmm... saya baru mo test seo blogspot nih, abis banwit saya abis... make wp
ReplyDeletesalam
thx, udah praktek n berhasil.. lumayan blog sy http://kamuspenemu.blogspot.com udah rada kencang larinya..he he, ehhh loadingnya ha ha
ReplyDeleteasiiikkk....mantep banget nih untuk blogger pemula spt saya...
ReplyDelete15% adalah angka yang lumayan untuk dikompres mas..hehehe
bos mau konsultasi ne, blogku loadingnya lama pada waktu klik /mau masuk ke halaman posting, sementara blog penyedia tempalatenya http://entertainmenttemplate.blogspot.com/ loadingnya bisa lebih cepat, padahal blognya lebih banyak flashnya dll, mengapa ya???? padahal udah aku kompres css nya, jika berkenan mohon diberikan masukan buat blogq, http://siap-bos.blogspot.com
ReplyDeletemantap neeh tutorialnya :-) langsung praktek aj ah mkasih bang saung tutorialnya
ReplyDeleteMantabh bro tips nya...
ReplyDeleteThank's berat ya, blog ane jd lumayan turun berat badan..!
Today Infolicious
Baru saja pinjam tips dari sini.... bermanfaat. sukses selalu sob!
ReplyDeletethx hib, langsung ke te ka pe...
ReplyDeletewah keren infonya berguna banget makasih ya
ReplyDeleteterimakasih infonya berguna banget
ReplyDeletemakasi kang infonya
ReplyDeletekalo css terbaru masih bisa ya?? kemaren pernah coba tapi malah error
ReplyDeleteberguna sekali nih infonya
ReplyDeletehemm..sya mo tanya nie...
ReplyDeletebingung.a pas cari cssnya
klo yang ]]> cari itu bsa
letaknya dama..msh bngung...
@ Arifudin Zain : mencari code itu . Copas aja sob.., trus pakaictrl+F , nah pasekan aja dikotak yg tersedia
ReplyDeletetipsnya keren.gw coba ya
ReplyDeletePerlu dicoba nih,,, agar blog loadingnya lebih yahut,,,,
ReplyDeletewahh....
ReplyDeleteseep nie infonya...
makasi tas infonya ya sob... :)
akan di coba secepatnya.. :)
Mohon restunya, smg diberi kemudahan dlm ngotak-atik blog. Maklum .. betul2 new blogger .. dari nol sama sekali ... Makasih Pak Saung ..
ReplyDeleteterima kasih tipsnya, bagaimana kalau wordpress self host ?
ReplyDeleteThanks... so much
ReplyDeleteNice Info. walaupun gak begitu paham dengan CSS. Tadi udah sempat di Compres tapi kok gak terlalu ngaruh.
ReplyDeletekeran sob
ReplyDeleteSyukron katsir Gan
ReplyDeletekeren ..
ReplyDeletekunjungi juga ya nitedec.co.cc :D
kayaknya bisa dicoba nih. wah saya ijin mau nyoba dulu ya gan
ReplyDeletemantap infonya...thankss
ReplyDeletekeren gan infonya..
ReplyDeletelangsung ke tkp..
info jual murah buku:
http://abadiorkes.blogspot.com/2011/08/buku-dan-e-book-pemimpin-cerdas.html
Wah makasih informasinya ya, bloggku masih lumayan berat nih....
ReplyDeletesiip gan, mantapz....
ReplyDeletemakasih y...
saya bingung ,,, punya saya ga bisa, berat banget
ReplyDeleteSalam blogger.....
ReplyDeleteSobat...
Sudah saya coba Comprest CSS nya, tp Kenapa Setelah Penyimpanan Teplate Kok katanya Tak bisa..
Atas Jawaban nya Sebelumnya Saya Ucapkan Banyak Terima Kasih.
Salam Blogger.....
ainstsetia
ane mau coba gan..makasih buat infonya
ReplyDeleteijin sedot ilmu ya gan..trims tutorial nya..lgs meluncur ke tkp..trims n salam..
ReplyDeleteselalu galat om... maklm newbie hehe
ReplyDeleteWuihh... Keren, beat blog ane turun 2kb, thank gan..
ReplyDeletemau nyobain juga ni yang akunya lemot banget, thanks seblmnya.... buat om admin
ReplyDeletemakasih bnyak bro ud share,lumayan nambah wawasan saya :)
ReplyDeletehmm Punya saya di Kompress Hilang Semua Pengaturan template nya mas..hmm :/
ReplyDeleteMaaf saya mau tanya bisa nggak css pada blogspot dijadikan external (external link)..
ReplyDeleteSalam kenal Desainew
Sob cara ini bisa ga diterapkan untuk website, karena css-nya di bagi per file
ReplyDeleteVyoprk [url=http://hermeskelly.finniwolf.com][b]authentic hermes bags[/b][/url] hermes perfume http://hermeskelly.finniwolf.com Shnapb Mvbske hermes birkin
ReplyDeletemakasih informasinya ya ^^
ReplyDeleteSalam Kenal Mas Saungweb. ijin saya simak artikel Mas yang sangat bermanfaat ini buat saya, oh yah ijin Follow Blog Saungweb, agar saya banyak belajar tentang blogging di blog, Mas, Motivasi dan bimbingan saya tunggu di Blog saya, terima kasih.
ReplyDeleteArtikelnya Menarik dan sangat mendidiik buat Blogging pemula seperti saya Mas. terima kasih yah semoga saya bisa di terima gabung bareng di Saungweb. salam Hormat buat Mas Admin. saungweb
ReplyDelete