04 October 2009

Merapikan CSS Template anda dengan via Styleneat

Cara Cepat Hamil
http://queryplansites.com/wp-content/uploads/2009/04/styleneat.jpgMerapikan CSS Template anda dengan via Styleneat - Mungkin ini salah satu tool yang bisa direkomendasikan buat blogger sekalian. Namanya Styleneat. Bagi yang suka otak-atik blog, atau mungkin suka memodifikasi blog seindah keinginan sampai-sampai tidak memperhatikan pengaturan CSS ini jelas sangat bermanfaat. Karena dengan via tool ini kita bisa menata ulang CSS yang semula berantakan tidak karuan. Malah bisa membuat anda bingung bila ingin mencari kode CSS yang ingin anda ubah atau anda delete. Meskipun sudah terbilang banyak yang tahu akan tool ini, mungkin blogger yang belum tahu bisa mencoba ini.



Banyak para blogger profesional yang malas mengatur tata letak dari selector, value dan property pada CSS Syntax, yah maklum lah namanya dah Pro Blogger :) , meskipun di buat berantakan pasti dah tau pengkodeannya. Tapi ini jangan ditiru bagi blogger pemula seperti saya, tar malah ribet lagi. Saya akan memberikan contohnya sedikit saja.

http://cache.techie-buzz.com/images/stories/styleneat.png

Misal anda mau merapikan kode CSS dibawah ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.0;filter:alpha(Opacity=0)}
body{background:#CAD8C9}
a, a:visited{color:#478C0D;text-decoration:none;}
a:hover{color:#cc0000;text-decoration:underline;}
a img{border-width:0;}
Buka layanan tool Styleneat, kemudian copy paste kode yang ingin anda rapikan. Misalnya kode diatas. Maka hasil kode yang sudah didirect tool tersebut akan jadi seperti ini :
#navbar-iframe { opacity:0.0;filter: alpha(Opacity=0) }
 
 #navbar-iframe:hover { opacity:0.0;filter: alpha(Opacity=0) }
 
body { background: #CAD8C9 }
 
a, a:visited {
 color: #478C0D;
 text-decoration: none; }
 
a:hover {
 color: #cc0000;
 text-decoration: underline; }
 
a img { border-width: 0; }
Mudah dan rapi kan!! daripada pusing-pusing mikir mending langsung praktek aja dah...hehehe. Check this out Styleneat
Posted by: Andi Setyoko
Berita Harian, Updated at: 8:12 AM
Cara Cepat Hamil

Merapikan CSS Template anda dengan via Styleneat Reviewed by NdyTeeN on 04 October 2009 Rating: 5.0