Kang Rian [ on Blogger! ]

rian nurherdian, kang rian, blog kang rian, blog rian nurherdian, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorial, tutorial seo, tutorial html5, blog seo friendly, modifikasi template blog, desain web pemula, blogger basic

Merapihkan kode CSS dengan CSS Beautifier [ Tools ]

Merapihkan kode CSS dengan CSS Beautifier [ Tools ] - CSS BEAUTIFIER ICON PNGAlhamdulillah, 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 :
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.
Suka artikel ini? Bagikan!

Hidden Ads!

 
Mohon Aktifkan Javascript!Enable JavaScript