Merapihkan kode CSS dengan CSS Beautifier [ Tools ]

Your Ads Here

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 :


Jika sobat ingin memasang tool CSS Beautifier di atas silahkan copy-code di bawah ini :
<iframe src="//googledrive.com/host/0B7H_GQEvKCj1a0NiZDhwQmM4cW8/" style="border:none;width:100%;height:550px;box-shadow:0px 2px 5px #ccc;"></iframe>

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.

Your Ads Here

Your Ads Here

Your Ads Here

Your Ads Here