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}
See also: Download Balsamiq Mockups 3 Full Gratis

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;
See also: Cara Memasang Widget "Pencarian Text" di Blog.

    margin-top: 20px;
    height: 109px;
}




Your Ads Here










Your Ads Here










#featuremain .title {
    display: none;
See also: Merapihkan kode CSS dengan CSS Beautifier [ Tools ]

}

body#layout #footersec4 {
    display: block;
}

See also: Advertising for Free

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