Advertisement
tata cara peletakan kode css sebenarnya sangat banyak salah satunya bila anda membuat sebuah posting tersendiri dan ingin menyertakan kode css untuk mempercantik tampilah dari artikel sobat,anda bisa mempastekan kode css tersebut melalui HTML (bukan compose) yang berada di atas kode </head> namun masih dibawah kode ]]></b:skin>.namun anda harus menambahkan tag pembuka <style type='text/css'>.
dan mengakhiri dengan tag penutup </style> .
jadinya adalah seperti contoh berikut.
<style type='text/css'>
.counter{background:#222;height:20px;line-height:20px;width:350px;border-radius:20px;color:#fff;display:block;text-align:center;margin:0 auto -15px;z-index:100;position:relative;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:bold;font-family:'Trebuchet MS',Arial,Helvetica,sans-serif}#field1{background-color:#fff;border:15px solid #fff;-moz-box-shadow:0px 0px 8px #fdfff0;-webkit-box-shadow:0px 0px 8px #fdfff0;box-shadow:0px 0px 8px #fdfff0;width:688px;position:relative;padding:20px 5px;font-size:11px;color:#666;z-index:1}
#field1{background-color:#fff;border:15px solid #fff;-moz-box-shadow:0px 0px 8px #fdfff0;-webkit-box-shadow:0px 0px 8px #fdfff0;box-shadow:0px 0px 8px #fdfff0;width:688px;position:relative;padding:20px 5px;font-size:11px;color:#666;z-index:1}#field1:focus{-moz-box-shadow:0px 0px 7px #000;-webkit-box-shadow:0px 0px 7px #000;box-shadow:0px 0px 7px #000} </style>
Advertisement