Kang Rian
![Merapihkan kode CSS dengan CSS Beautifier [ Tools ] - Info Desain Web Terbaru!](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQIDA8jFsTVHUqUHD-4HRS8IIOzX0yhf-JSZb-k7_byuP1MbfhCkRFWaM14VdeeImHsASgzne9CRw-XlmEGGmp6DM0U7XsoJJfkcNnE3oReXSCSyxMV-Jo7_-HhwauOtnm6LFlw5KT_uV/s150/css-beautifier-icon-png-KangRian%5Bdot%5Dcom.png "Merapihkan kode CSS dengan CSS Beautifier [ Tools ] - Info Desain Web Terbaru!")
4
Kang Rian
4/04/2014 02:36:00 PM
Merapihkan kode CSS dengan CSS Beautifier [ Tools ]
Merapihkan kode CSS dengan CSS Beautifier [ Tools ]
![Merapihkan kode CSS dengan CSS Beautifier [ Tools ]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQIDA8jFsTVHUqUHD-4HRS8IIOzX0yhf-JSZb-k7_byuP1MbfhCkRFWaM14VdeeImHsASgzne9CRw-XlmEGGmp6DM0U7XsoJJfkcNnE3oReXSCSyxMV-Jo7_-HhwauOtnm6LFlw5KT_uV/w800-h400-p-k-no-nu/css-beautifier-icon-png-KangRian%5Bdot%5Dcom.png){kind=icon}
Alhamdulillah, bisa sharing lagi nih.. kali ini saya ingin berbagi tools untuk sobat yang belum sempat Merapihkan Code CSS nya, Langsung saja pada inti-nya: Jika sobat memiliki code CSS yang tidak rapih seperti contoh code CSS yang berantakan, di bawah ini :body#layout #header-wrapper{min-height:0;
margin-left:-70px;margin-top:20px;
height:109px}#featuremain, .title{display:none}#rsidebar-wrapper {display:none;}
body#layout #footersec4{display:block}
Maka setelah di Beautify, CSS akan langsung rapih seperti code css di bawah ini "Tergantung Settingan / Custom" :
body#layout #header-wrapper {
min-height: 0;
margin-left: -70px;
margin-top: 20px;
height: 109px;
}
#featuremain .title {
display: none;
}
body#layout #footersec4 {
display: block;
}
tanpa basa-basi lagi, berikut adalah Tools CSS Beautifier yang saya maksud! silahkan gunakan Tools ini sebaik mungkin :
Catatan : Ukuran Lebar(Width) minimum halaman blog sobat ± harus berukuran 950px . Dikarenakan Tool CSS Beautifier ini belum Responsive.
Jika ada yang ingin ditanyakan silahkan berkomentar pada form komentar di bawah ini, sekian postingan tentang Cara Merapihkan kode CSS dengan CSS Beautifier ini, semoga bermanfaat.
Kang Rian Ikuti
Web & Graphic Designer - Berpengalaman sejak 2010, fokus membantu Perusahaan / UMKM agar dikenal secara Global melalui Website Profesional & Desain yg Menjual.
Cek. Jasa-Design.web.id
Kerangka Dasar Template Blogger HTML5 & SCHEMA
Alhamdulillah, masih di beri waktu buat ngetik dan berbagi pengetahuan dasar seputar “Pembuatan Template Blogger” .. Pada kesempatan kali in...
Cara Memasang Tooltip Responsive di Blog dengan jQuery.
Haloo.. udah pada bangun sob?, setelah beberapa hari kemarin ane share template Pertamax - Free Responsive Blogger Template nah pagi ini s...
keren Kang bisa bikin tool online kayak gini. Kalau pake ini CSS jadi tampil lebih rapih.
BalasHapusbetul kang, itu tujuan dibuat-nya tool CSS Beautifier ini :D , silahkan di coba dulu kang. mumpung masih anget . hehe
Hapusnah ini,.. keren ni,.. suka pegel ngrapihin css manual,.. ahehehehhe
BalasHapusnb: GAGAL pertamax
wkwkwk.. iya kang, dari pada pake salep pegal linu mendingan mampir kemari :D .
Hapushehe , gapapa kang gak pertamax juga yg penting udah mampir dengan ikhlas. terima kasih :)
Izin coba toolnya Kang Riang, keren tuch...
BalasHapushehe oke mas gunawan. selamat mencoba ! :)
HapusIni khusus buat CSS ya Kang...
Hapusyap, betul mas . untuk yg js saya belum sempet :D
HapusOkey banget Kang, mantabbb...
Hapusmakasih ya kang. :)
Hapuswah... keren banget bos...
BalasHapusmakasih sob.
Hapus:2thumbup :sup2 :cendol :sup:
BalasHapus:iloveindonesia
Hapuswah ada toolsnya ya kang...jadi gampang ngerapihkeunnya ya kang, praktizz :D
BalasHapusnuhun kang sudah share
yap betul kang. memang seperti itu tujuan-nya :D . hehe
Hapussaya punya tool baru kang 'beauty and the beast' wkwkwkk
BalasHapus:ngakak
wah, kangismet BANGKIT!!! :v
HapusWkwkwk Kang Ismet aya2 wae! :ngakak
Hapusbookmark dulu tools'nya kang, jadi praktis...
BalasHapusok mba dian, monggo. :D
Hapuswah saya butuh banget kang .. soalnya berantakan pisan css'y
BalasHapusiya sob, cocok banget berarti kalo pake tools ini. selamat mencoba! :)
HapusKeren Kang bisa rapih nih kalo pake CSS Beautifier mah...
BalasHapusHatur nuhun ah...
Sami-sami kang, mangga di leu'eut . :D
Hapusternyata itu bedanya rapih dan yg tidak heheheee, solusilah bwt css yg sudah diminify. thanks sob
BalasHapusbetul sob, ane sering pake tools ini kalo css nya udah di minifiy. setelah beres edit , minify lagi deh :D
HapusBlogger mastah kumpul nih :salahkamar :2thumbup
BalasHapuswaduh .. :bingung
HapusMantab Toolsnya ,
BalasHapusotomatis konvert dengan menggunakan codemirror. ajib dah :2thumbup
betul betul betul.. :D hehe
Hapusmantabb broo
BalasHapusmampir ya : http://ilu5i.blogspot.com/
oke sob, menuju ke TKP . :ngacir
Hapuskodenya copy in dmn y? maaf saya ga ngerti
BalasHapustaro di sebelah kiri code CSS yang berantakan nya sob. :D
Hapussepertinya kode css di blog saya berantakan :D
BalasHapustapi memang sengaja dibuat seperti itu, biar yg ngopi lewat page source mikir dua kali hehe..
btw, toolsnya cukup bagus dan bermanfaat, top buat kang Rian
terima kasih mba kiki, hehe betul juga.. kalo saya seperti-nya bakalan mikir 245657x deh :D . *lemot wwkwkkw
HapusMantap Deh Kang.. ^_^ :2thumbup
BalasHapustool yang seperti ini yang dulu saya cari..
BalasHapus¡Perfecto! :D
BalasHapustolls nya pasang dimana ya kang?
BalasHapustapi nggak berat tuh bang, kebanyakan ngambil baris baru
BalasHapusmantap gan, jadi lebih gampang buat edit html
BalasHapussaik saik lah haha thanks gan (y)
BalasHapusgan gimana cara buat blog yang bagus gan tolong saran dan dibantu ane
BalasHapusGan, Ini Gak Berpengaruhkan pada Kecepatan Blog
BalasHapus