Assalamualaikum. Kali ni Tia nak berkongsi CARA UNTUK MERINGANKAN BLOG menggunakan CSS compress. Ramai blogger-blogger tau betapa pentingnya berat sesebuah blog tu. Selain daripada memudahkan pengunjung, blog yang ringan juga lebih mesra SEO kerana robot SEO tidak akan mengambil masa yang lama untuk mengindeks blog.
Seelok-eloknya berat blog tidaklah melebihi 100 kb. Banyak cara untuk meringankan blog. Selalu yang biasa kita dengar buang widget-widget tak penting. Tapi tak ramai yang sedar ni sebab bila widget tu dah ada dalam blog dia, dia akan anggap itulah widget pentingnya dan tak perlu dibuang melainkan ada orang lain menegur.
Kalau cara buang widget tu tak berapa nak berkesan, kita cuba pulak dengan menggunakan CSS compress. Tia dah cuba dan bolehlah kurangkan sikit. Jom mula!
STEP 1 : Pergi Design > Edit HTML > Sebagai langkah keselamatan, backup dulu template dengan klik Download Full Template
STEP 2 : Buka website CSS Compressor
STEP 3 : Pergi balik Edit HTML blog korang tu. Tak perlu tick Expand Widget Templates. Copy bermula <b:skin> dan ]]></b:skin>
Tia akan fahamkan korang code yang mana korang perlu copy. Cari code <b:skin>. Korang perlu copy code selepasnya. Boleh tengok gambar di bawah. Klik kalau tak jelas ye..
Terus highlight kan code tu sampai sebelum ]]></b:skin>. Tengok gambar di bawah ye kalau tak faham. Klik gambar kalau tak jelas..
STEP 4 : Pergi website CSS compress tadi. Pada compression mode, kekalkan pada Normal. Tapi kalau agak-agak korang ni SUPER DUPER HEBAT main coding, boleh tick pada super compact. Apa akan jadi? Jarak code tu akan jadi semakin rapat. Nanti korang boleh cuba-cuba ye.
Pada comments handling pula, pilih Don't strip any comments. Di ruang kosong Insert CSS code, korang paste kan code yang korang dah copy kat atas tadi. Lepas tu klik Compress it! Korang akan di bawa ke satu page lain. Code yang korang compress tadi ada situ. Klik je Highlight Code dan ia akan automatik copy code tu.
STEP 5 : Pergi Edit HTML blog, korang paste kan code yang dah di compress tadi diantara <b:skin> dan ]]></b:skin>. Preview dulu. Kalau tak ada apa-apa error, bolehlah save.
Korang faham tak? Kalau korang tak faham, bolehlah rujuk entri asal di SINI ye.. Itu je. Harap-harap, berkuranglah berat blog korang okey!
Pada comments handling pula, pilih Don't strip any comments. Di ruang kosong Insert CSS code, korang paste kan code yang korang dah copy kat atas tadi. Lepas tu klik Compress it! Korang akan di bawa ke satu page lain. Code yang korang compress tadi ada situ. Klik je Highlight Code dan ia akan automatik copy code tu.
STEP 5 : Pergi Edit HTML blog, korang paste kan code yang dah di compress tadi diantara <b:skin> dan ]]></b:skin>. Preview dulu. Kalau tak ada apa-apa error, bolehlah save.
Korang faham tak? Kalau korang tak faham, bolehlah rujuk entri asal di SINI ye.. Itu je. Harap-harap, berkuranglah berat blog korang okey!
42 Comments
Click here for Commentstia, blog bro dah compress lama dah..tahap super...XD
Replyhaha tak berani lak nak try. xpernah try pun compress2 code.
Replytq for the info~~^^
Replywaaaaa
Replybaru seminggu x jengah sini
belog ini berubh lagiii
weeee
sgt nice!
heee
tanx 4 tips ye tia =]
camat ari aye!
tak reti, huhu T__T
Replyhihi, menanrik ni , kebetulan blog mmg berat , hhuuhu, dtg blog sy nanti ade buat GA :)
Replyboleh try ni Tia..ehe
Replyfreaky pernah buat tapi tak dapat preview. heran jugak.. baru je nak compress.. adess
Replyhee..tengah cuba nak kurangkan obesiti kat blog ezad ni..kalau bawah 100kB baru la best kan..ringan je..(^^,)
Replymasih tak berjaya =______= huuu.. by the way, thanks for the sharing kak tia! hehe :D
Replyok kool . satu perempuan suka entri kau hakhakhak :D
Replyadeh bab html ni lembab sket, kehkeh
Replysama la kita cik sakdi.
Replymiss tia, den fail saje bab2 mengdoktorkan html T.T''
hahaha,..sama umoo plakk,..hyepp tia, thanxx sharing!
Replydah try..ok la..ringan sikit drpada dulu :)
Replywaaahh !
Replyaku try, aku try =)
boleh try! :)
Replyyg template ni nmpk elegen :D
Replyhehe..
*nak try gak la css compress ni..
lahh. tutorial untuk blogspot je rupanya ;(
Replytia sgt prihatin... trime kasih .. :)
Replyxreti la tia ;(
Replysis,, dah berjaya compress html sume.. blog dah jadi semakin ringan. thanks ye..
Replyowh. tak reti dan tak berani lagi nak try yg pelik2. hehe ;)
Replysaya buat error je...any idea?
Replyalif pn nk buat lah :)
Replyblog alif kalau guna cara tu ade prob la .. nnt ade error ..huhu
Replyxtawu napa
akak, saya dah berjaya buat benda tu semalam. lepas saya tekan link yang akak bagi tu. hehe :D
Replyp/s: thanks a lot tau! ;)
blog saya memang ringan dah hehe :)
ReplyKERETA PERTAMA GOOGLE
tak pandai sangat bab2 tuh..nanti nak try :)
Replygood info tia.. template before ni memang dah compress tp template yg pakai skang tak compress lagi sebab lupe website ni. btw, thanx. bole compress lepas ni. hek
Replymacih dik tia... hee (mude lagi ye tia, baru 20)
Replydiorg panggil kak tia sebab tia dah otai, betul tak tia..
mmg xberani, kang hilang semua, naya. hakhak thanx!
Replyeh baru 20 ke? ekekke
sis kalau nak compress code yg selain yg dan ]]> tu boleh tak?
ReplyWeekend nnt kte try ;)
Replythanks untuk info =D
Replybelum buat lagi. akan try kot nanti. thanks sharing. :)
Replytak berani lg nk try dear..nnti la kalo dh mcm ramai komplen blog berat, nnti sy try hehe..thanks tau share, dh bookmark utk masa depan heee
Replydah try tapi tak jadi la dear
Replysis,, lepas paste kan tu,,, code yang lama kena delete ke tak ek,,,? kalau sudi memberitahu,, comment kat blog saya k :D
Replyhttp://mujadafewa.blogspot.com/2012/03/first-giveaway-by-nurmujahidah-lady.html
salam,,, dah try,, memang laju amat preview dye,, tapi nak tanya lagi,, adkah dia akan hilangkan kod yang kita perlukan kalau nak edit cam letak facebook icons ke,,, ape ke,,, btw,, dah save compressed code tu,, cume takut nak guna je lagi,, hehe.. tq sebab sudi jugak gitau muja :D
ReplyAkk , ada cara lain tak ? Sebab dah try buat , tapi tak menjadi :(
Replyerror la akak :(
ReplyConversionConversion EmoticonEmoticon