Cara compress CSS paling ampuh

| Wednesday, October 17, 2012
Tutorial :

1. Login BLOGGER
2. Masuk ke TEMPLATE > EDIT TEMPLATE > EXPAND TEMPLATE WIDGET
3. cari code kira-kira seperti ini : <b:skin><![CDATA[/*
4. Copy semua code dari <b:skin><![CDATA[/* sampai ]]></b:skin>
<b:skin><![CDATA[/*
.....
......
]]></b:skin>
 Image :
Compress CSS

Jika anda benar maka hasilnya akan seperti ini :
<b:skin><![CDATA[/*
]]></b:skin>
Image :
5. Paste kan semua code CSS yang sudah kalian copy tadi ke Notepad !
6. Save As .... > Save As Type : All Files > File Name : NamaFile.css > Save
*NB : inget nama file nya di belakang nya harus .css misalnya : "TutorialCSSbyDHC.css"
7. Upload File tadi ke https://sites.google.com/
8. Click "Create"
9. Setting seperti gambar dibawah :
10. Setelah itu isi captcha nya lalu click crate, selaen settingan di atas jangan diubah ubah !
11. Click New Page :
12. Settings seperti ini :

13. lalu click "Add File" Pilih File css yang udah di paste ke notepad tadi
14. jika sudah ter-upload Click kanan pada "Download" > Copy Link Address
Ubah link diatas menjadi : https://sites.google.com/site/tutorialdhc/css/dhccss.css dengan menghilangkan ?attredirects=0&d=1
16. paste kan code dibawah ini, dibawah code ]]</b:skin>
<link href='https://sites.google.com/site/tutorialdhc/css/dhccss.css' rel='StyleSheet' type='text/css'/>
 ubah link yang berwarna kuning dengan link CSS lo :D selesai deh :D click Simpan Template

1 komentar:

  1. hm.. bagus sob artikelnya, saya tunggu artikelnya yg lebih bagus...

    tukar link yuk sob

    #salam sukses dari Yousake NKRI ..

    ReplyDelete

No SPAM !

Next Prev
▲Top▲