Merapihkan kode CSS dengan CSS Beautifier [ Tools ] - Info Desain Web Terbaru!
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 ]

Oleh. Kang Rian  •  46  •      Edit
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.

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

   

46 komentar

  1. keren Kang bisa bikin tool online kayak gini. Kalau pake ini CSS jadi tampil lebih rapih.

    BalasHapus
    Balasan
    1. betul kang, itu tujuan dibuat-nya tool CSS Beautifier ini :D , silahkan di coba dulu kang. mumpung masih anget . hehe

      Hapus
  2. nah ini,.. keren ni,.. suka pegel ngrapihin css manual,.. ahehehehhe

    nb: GAGAL pertamax

    BalasHapus
    Balasan
    1. wkwkwk.. iya kang, dari pada pake salep pegal linu mendingan mampir kemari :D .

      hehe , gapapa kang gak pertamax juga yg penting udah mampir dengan ikhlas. terima kasih :)

      Hapus
  3. Izin coba toolnya Kang Riang, keren tuch...

    BalasHapus
  4. wah... keren banget bos...

    BalasHapus
  5. :2thumbup :sup2 :cendol :sup:

    BalasHapus
  6. wah ada toolsnya ya kang...jadi gampang ngerapihkeunnya ya kang, praktizz :D
    nuhun kang sudah share

    BalasHapus
    Balasan
    1. yap betul kang. memang seperti itu tujuan-nya :D . hehe

      Hapus
  7. saya punya tool baru kang 'beauty and the beast' wkwkwkk
    :ngakak

    BalasHapus
  8. bookmark dulu tools'nya kang, jadi praktis...

    BalasHapus
  9. wah saya butuh banget kang .. soalnya berantakan pisan css'y

    BalasHapus
    Balasan
    1. iya sob, cocok banget berarti kalo pake tools ini. selamat mencoba! :)

      Hapus
  10. Keren Kang bisa rapih nih kalo pake CSS Beautifier mah...
    Hatur nuhun ah...

    BalasHapus
  11. ternyata itu bedanya rapih dan yg tidak heheheee, solusilah bwt css yg sudah diminify. thanks sob

    BalasHapus
    Balasan
    1. betul sob, ane sering pake tools ini kalo css nya udah di minifiy. setelah beres edit , minify lagi deh :D

      Hapus
  12. Blogger mastah kumpul nih :salahkamar :2thumbup

    BalasHapus
  13. Mantab Toolsnya ,
    otomatis konvert dengan menggunakan codemirror. ajib dah :2thumbup

    BalasHapus
  14. mantabb broo
    mampir ya : http://ilu5i.blogspot.com/

    BalasHapus
  15. kodenya copy in dmn y? maaf saya ga ngerti

    BalasHapus
    Balasan
    1. taro di sebelah kiri code CSS yang berantakan nya sob. :D

      Hapus
  16. sepertinya kode css di blog saya berantakan :D
    tapi 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

    BalasHapus
    Balasan
    1. terima kasih mba kiki, hehe betul juga.. kalo saya seperti-nya bakalan mikir 245657x deh :D . *lemot wwkwkkw

      Hapus
  17. Mantap Deh Kang.. ^_^ :2thumbup

    BalasHapus
  18. tool yang seperti ini yang dulu saya cari..

    BalasHapus
  19. tapi nggak berat tuh bang, kebanyakan ngambil baris baru

    BalasHapus
  20. mantap gan, jadi lebih gampang buat edit html

    BalasHapus
  21. gan gimana cara buat blog yang bagus gan tolong saran dan dibantu ane

    BalasHapus
  22. Gan, Ini Gak Berpengaruhkan pada Kecepatan Blog

    BalasHapus

Terpopular! Minggu ini..

×